邮箱验证功能的实现

1、邮箱输入的地方

<label> 电子邮箱：</label>

<input id="email" name="user.email" type="text" />

<span id="emailspan" ></span>

2、js中做验证

$("#email").bind('blur',function()

{

var userMail=$("#email").val();

if(userMail!="")

{

if(!checkEmail(userMail))

{

emailflag=false;

$("#emailspan").css("color","#ff0000");

$("#emailspan").html("邮箱格式不正确");

}

else

{

emailflag=true;

$("#emailspan").css("color","#43860c");

$("#emailspan").html("正确");

}

}

});

3、checkEmail ()

function checkEmail(email)

{

var pattern =/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;

return pattern.test(email);

}