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

前端技术 2023/08/09 JavaScript

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

我们如果一个个的邮箱进行判断，显然是不可能的了。
—个完整的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_-])+/;，大家可以动手试一试。

本文地址：https://www.stayed.cn/item/743

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案