Exemple de jquery vérifiant si le format de courrier électronique est correct_jquery

Jetons un coup d'œil aux adresses e-mail disponibles :

Si on juge chaque adresse email une par une, c'est évidemment impossible.
Une adresse e-mail Internet complète se compose des deux parties suivantes, au format suivant : Nom de connexion@nom d'hôte.Nom de domaine
est séparé par un symbole "@" qui signifie "at" (at). Le côté gauche du symbole est le nom de connexion de l'autre partie et le côté droit est le nom d'hôte complet, qui se compose du nom d'hôte et nom de domaine. Parmi eux, le nom de domaine se compose de plusieurs parties, chaque partie est appelée un sous-domaine (Subdomain), et chaque sous-domaine est séparé par un point ".". Chaque sous-domaine indiquera à l'utilisateur des informations sur ce serveur de messagerie.
Expression régulière pour la validation des clés : var myreg = /^([.a-zA-Z0-9_-]) @([a-zA-Z0-9_-]) (.[a-zA - Z0-9_-]) /;
Boîte de saisie de validation :

 //验证邮箱
     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;
     }

Écrivez une méthode pour le vérifier

 //验证邮箱是否存在
     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;
     }

Gestionnaire d'arrière-plan :

@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) {
      
    }
  }

Ce ci-dessus est l'exemple de code jquery pour vérifier si le format de l'e-mail est correct, en utilisant des expressions régulières : var myreg = /^([.a-zA-Z0-9_-]) @([ a-zA -Z0-9_-]) (.[a-zA-Z0-9_-]) /;, vous pouvez l'essayer.