当前位置: 编程技术>jquery
jquery验证email邮箱格式实例分享
来源: 互联网 发布时间：2014-10-09
本文导语: jquery代码验证邮箱格式，实现关键还是正则，正则表达式很强大。 例子： 代码示例: $(function(){ $(“#email”).blur(function(){ var txt_value = $(this).val(); if(txt_value==”"){ $(this).val(“请输入邮箱地址”) }else if(!(/^w+([.-]...
jquery代码验证邮箱格式，实现关键还是正则，正则表达式很强大。
例子：
代码示例:
$(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;
}
})
})
$(“#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;
}
})
})
如何用jquery验证邮箱格式？下面我们再举两个例子，一起深入学习下jquery结合正则表达式验证邮箱格式的方法。
例2，表单中邮箱文本框name和id属性均为email，添加鼠标移出事件。
代码示例:
//邮箱验证
if($(“#email”).val() == ”){
$(“#email”).focus();
alert(“请填写您的邮箱”);
return false;
}else{ // www.
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
}
if($(“#email”).val() == ”){
$(“#email”).focus();
alert(“请填写您的邮箱”);
return false;
}else{ // www.
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
}
例3，jquery 正则表达式判断是否为正确邮箱格式。
代码示例:
var reg = /^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$/;
if (!reg.test($("#email").val())) {
alert("请输入正确的邮箱格式");
}
if (!reg.test($("#email").val())) {
alert("请输入正确的邮箱格式");
}
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。