话不多说,直接上代码
html:
<div>
邮箱地址:<input type="text" οnblur="TestYxdz()" id="yxdz" />
<span id="yxdz_span" style="color: red;"></span>
</div>
失去焦点时触发onblur事件,进行邮箱验证
<span>标签用于返回邮箱验证结果
js:
function TestYxdz(){
var yxdz = $('#yxdz').val();
if(yxdz!=''){
var filter=/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if(filter.test(yxdz)){
$('#yxdz_span').html("");
} else{
$('#yxdz_span').html("邮箱格式错误。");
}
}else{
$('#yxdz_span').html("");
}
}
注意的是,在邮箱地址不为空的时候进行验证。