JS之邮箱验证

话不多说，直接上代码

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("");
    }
}

注意的是，在邮箱地址不为空的时候进行验证。