jquery验证邮箱email验证实例-百分百源码网

jquery验证邮箱email验证实例

发布时间：01/15 来源：浏览：关键词：

在jq中邮箱验证与javascript中邮箱验证是一样的，我们都使用的了正则表达式如/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(txt_value)来难了，方法没什么区别与js.

前段时间处理了验证手机，金额，小数点等验证。最近做页面的时候，又遇到了一个验证邮箱的，过程不多说，直接看代码。实现关键还是正则，正则表达式很强大。有机会，好好学学，但是是学好，感觉不容易。还好一些常用的，网上可以找到。但是看懂是必须要做到的~~

代码如下

$(function(){

$(“#email”).blur(function(){
var txt_value = $(this).val();
if(txt_value==”"){
$(this).val(“请输入邮箱地址”)
}else if(!(/^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/.test(txt_value))){
alert(“请输入一个有效的邮件地址”);
$(this).val(“”);
return false;
}

})

})

表单里面邮箱文本框name和id属性均为email.添加鼠标移出事件。

例

代码如下
//邮箱验证 if($(“#email”).val() == ”){ $(“#email”).focus(); alert(“请填写您的邮箱”); return false; }else{ var val = $(“#email”).val(); if(val.match(/^[a-z0-9]+([._][a-z0-9]+)@[a-z0-9]+([_.][a-z0-9]+)+$/gi)) {return true}; alert(“邮箱格式不正确，请重新填写”); $(“#email”).focus(); return false }