• JQuery如何验证邮箱格式
  • Alice 发表于 2015/11/16 13:09:00 | 分类标签: 验证邮箱 正则表达式 jquery
  •  —个完整的Internet邮件地址由以下两个部分组成,格式如下:登录名@主机名.域名
     
    中间用—个表示“在”(at)的符号“@”分开,符号的左边是对方的登录名,右边是完整的主机名,它由主机名与域名 组成。其中,域名由几部分组成,每一部分称为一个子域(Subdomain),各子域之间用圆点“.”隔开,每个子域都会告诉用户一些有关这台邮件服务器 的信息。

    关键验证的正则表达式var myreg = /^([\.a-zA-Z0-9_-])[email protected]([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_-])[email protected]([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\">&nbsp;<\/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\">&nbsp;<\/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) {
               
            }
        }

  • 请您注意

    ·自觉遵守:爱国、守法、自律、真实、文明的原则

    ·尊重网上道德,遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法规

    ·严禁发表危害国家安全,破坏民族团结、国家宗教政策和社会稳定,含侮辱、诽谤、教唆、淫秽等内容的作品

    ·承担一切因您的行为而直接或间接导致的民事或刑事法律责任

    ·您在编程中国社区新闻评论发表的作品,本网站有权在网站内保留、转载、引用或者删除

    ·参与本评论即表明您已经阅读并接受上述条款

  • 感谢本文作者
  • 作者头像
  • 昵称:Alice
  • 加入时间:2013/6/13 0:00:00
  • TA的签名
  • 这家伙很懒,虾米都没写
  • +进入TA的空间
  • 以下内容也很赞哦
分享按钮