jquery验证邮箱格式是否正确实例讲解

2019-11-20 11:15:49

字体：大中小

来源：转载

供稿：网友

我们来看看都有哪些邮箱：

我们如果一个个的邮箱进行判断，显然是不可能的了。
―个完整的Internet邮件地址由以下两个部分组成，格式如下：登录名@主机名.域名
中间用―个表示“在”(at)的符号“@”分开，符号的左边是对方的登录名，右边是完整的主机名，它由主机名与域名组成。其中，域名由几部分组成，每一部分称为一个子域(Subdomain），各子域之间用圆点“．”隔开，每个子域都会告诉用户一些有关这台邮件服务器的信息。
关键验证的正则表达式： var myreg = /^([/.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(/.[a-zA-Z0-9_-])+/;
校验输入框：

 //验证邮箱     function vailEmail(){       var email = jQuery("#email").val();       var flag = false;       var message = "";       var myreg = /^([/.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(/.[a-zA-Z0-9_-])+/;        if(email ==''){         message = "邮箱不能为空！";       }else if(!myreg.test(email)){         message = "请输入有效的邮箱地址！";       }else if(checkEmailIsExist()){         message = "该邮箱地址已经被注册！";       }else{         flag = true;       }       if(!flag){　　　　　　　　　　//错误提示         //jQuery("#emailDiv").removeClass().addClass("ui-form-item has-error");         // jQuery("#emailP").html("");         //jQuery("#emailP").html("<i class=/"icon-error ui-margin-right10/"> <//i>"+message);         //jQuery("#email").focus();       }else{         //正确提示         //jQuery("#emailDiv").removeClass().addClass("ui-form-item has-success");         //jQuery("#emailP").html("");         //jQuery("#emailP").html("<i class=/"icon-success ui-margin-right10/"> <//i>该邮箱可用");       }       return flag;     }

写一个方法来验证一下

 //验证邮箱是否存在     function checkEmailIsExist(){       var email = jQuery("#email").val();       var flag = false;       jQuery.ajax(        { url: "checkEmail?t=" + (new Date()).getTime(),          data:{email:email},          dataType:"json",             type:"GET",             async:false,             success:function(data) {             var status = data.status;             if(status == "1"){               flag = true;             }           }      });      return flag;     }

后台处理程序：

@RequestMapping(value = "/checkEmail", method = RequestMethod.GET)  public void checkEmail(HttpServletRequest request,HttpServletResponse response) {        Map<String, Object> map = new HashMap<String, Object>();    try {      String email = request.getParameter("email");            String status = "0";      //写查询语句，查询表里面是否存在该邮箱      //UserBaseInfo userBaseInfo = userService.findUserByEmail(email);       //if(userBaseInfo!=null)status="1";      map.put("status", status);            String data = JSONObject.fromObject(map).toString();           response.getWriter().print(data);      response.getWriter().flush();      response.getWriter().close();    } catch (Exception ex) {          }  }

以上就是jquery验证邮箱格式是否正确实例代码，利用了正则表达式：var myreg = /^([/.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(/.[a-zA-Z0-9_-])+/;，大家可以动手试一试。

上一篇：常用javascript表单验证汇总

下一篇：跟我学习javascript的call(),apply(),bind()与回调