Jquery验证Email格式是否合法的代码举例
发布时间：2015-10-18 编辑：jiaochengji.com
本文介绍下，如何用Jquery验证Email格式的几个例子，用到了正则表达式，有需要的朋友，可以参考下。
例1，
1）、HTML代码
<tr>
<td height="30" align="right">E-mail：</td>
<td><input id="mail" name="mail" type="text" class="inputT" /></td>
</tr>
<td height="30" align="right">E-mail：</td>
<td><input id="mail" name="mail" type="text" class="inputT" /></td>
</tr>
2）、获取input信息
复制代码 代码示例:
var mail = $('#mail').val();
if (mail != '') {//判断
var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
if (!reg.test(mail)) {
alert('您填写的邮箱格式不正确,请重新填写!');
return false;
}
}
if (mail != '') {//判断
var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
if (!reg.test(mail)) {
alert('您填写的邮箱格式不正确,请重新填写!');
return false;
}
}
例2，jquery验证email格式
复制代码 代码示例:
//验证email
//www.jbxue.com
var search_str = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
var email_val = $("#email").val();
if(search_str.test(email_val)){
alert("是email");
}else{
alert("不是email");
}
//www.jbxue.com
var search_str = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
var email_val = $("#email").val();
if(search_str.test(email_val)){
alert("是email");
}else{
alert("不是email");
}
以上代码为借用discuz中的一个email正则。
例3，jquery正则验证Email格式
复制代码 代码示例:
$("#submit").click(function(){
//验证邮箱的正则表达式
var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z]+$/;
//判断
if(!reg.test($(".user_email").val())){
alert("邮箱格式不对");
return false;
}
});
//验证邮箱的正则表达式
var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z]+$/;
//判断
if(!reg.test($(".user_email").val())){
alert("邮箱格式不对");
return false;
}
});
综述以上代码，都用到了正则表达式，这块的内容，建议大家牢固掌握。
您可能感兴趣的文章：
Jquery验证Email格式是否合法的代码举例
juery validate 验证注册表单的例子
常用js验证代码大全(Email、手机号码、身份证号码、文件类型等)
php实例：email验证类
使用jQuery validate 验证注册表单实例演示
自用的js与Jquery验证代码(日期 EMail邮箱 用户名、密码、手机号码等)
php验证Email地址的演示示例
Jquery正则表达式验证电子邮件的代码示例
jquery中邮箱地址 URL网站地址正则验证实例代码
jquery插件制作 jquery表单验证代码分享
[关闭]