jquery验证email邮箱格式实例分享

发布时间:2019-10-24编辑:脚本学堂
本文介绍了jquery实现邮箱格式验证的方法,用jquery代码验证email格式是否正确,需要的朋友参考下。

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

如何用jquery验证邮箱格式?下面我们再举两个例子,一起深入学习下jquery结合正则表达式验证邮箱格式的方法。

例2,表单中邮箱文本框name和id属性均为email,添加鼠标移出事件。
 

复制代码 代码示例:
//邮箱验证
 if($(“#email”).val() == ”){
  $(“#email”).focus();
  alert(“请填写您的邮箱”); 
  return false;
 }else{ // www.jb200.com
  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("请输入正确的邮箱格式");
}