运用html代码写出验证电子邮件的页面

html-css06

运用html代码写出验证电子邮件的页面,第1张

我抽空给你写了一个,最核心代码:

function isEmail(strEmail) {

    if(strEmail == '') return true

    if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)

        return true

    else

        alert("oh")

}

代码演示地址:http://www.wenjiangs.com/wp-content/uploads/2017/04/verify-email-demo.html

我这有一个简单地案例,希望对你有帮助!!!<script language="javascript" type="text/javascript">

//验证userName的内容

function checkName(name){

var value=name.value

alert(value)

if(value.length<6&&value.length>0||value.length>18){

document.getElementById("uName").style.display='block'

document.getElementById("uName").innerHTML='用户名长度只能是在6-18位之间'}

if(!(name.value)){name.value="请输入用户名!"

document.getElementById("uName").style.display = 'none'}

if(value.length>=6&&value.length<=18) {

showMsg=document.getElementById("uName")

showMsg.style.display = 'none'}

}

</script>

<table>

<tr>

<th>用户名:</th>

<td><input type="text" name="userName" value="请输入用户名!"

onfocus="if(this.value==defaultValue) {this.value=''}"

onblur="checkName(this)" style="color:#666" /></td>

<td><div id="uName" style="color:red" ></div></td>

</tr>

</table>