メール形式が正しいかどうかを確認する jquery の例_jquery

使用可能な電子メール アドレスを見てみましょう:

メールアドレスを一つ一つ判断していたら、明らかに不可能です。
完全なインターネット電子メール アドレスは、次の形式の 2 つの部分で構成されます: ログイン名@ホスト名.ドメイン名
は at (アット) を意味する記号「@」で区切られており、記号の左側が相手のログイン名、右側が完全なホスト名になります。ホスト名とドメイン名。このうち、ドメイン名はいくつかの部分で構成されており、各部分はサブドメイン (サブドメイン) と呼ばれ、各サブドメインはドット「.」で区切られ、このメール サーバーに関する情報がユーザーに伝えられます。
キー検証の正規表現: 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_-]) /;、試してみることができます。