Heim > Web-Frontend > js-Tutorial > Beispiel für eine jquery-Überprüfung, ob das E-Mail-Format korrekt ist_jquery

Beispiel für eine jquery-Überprüfung, ob das E-Mail-Format korrekt ist_jquery

WBOY
Freigeben: 2016-05-16 15:32:14
Original
1574 Leute haben es durchsucht

Sehen wir uns an, welche E-Mail-Adressen verfügbar sind:

Wenn wir jede E-Mail-Adresse einzeln beurteilen, ist das offensichtlich unmöglich.
Eine vollständige Internet-E-Mail-Adresse besteht aus den folgenden zwei Teilen im folgenden Format: Anmeldename@Hostname.Domänenname
wird durch ein Symbol „@“ getrennt, das „at“ (at) bedeutet. Die linke Seite des Symbols ist der Anmeldename der anderen Partei und die rechte Seite ist der vollständige Hostname, der aus dem besteht Hostname und Domänenname. Unter diesen besteht der Domänenname aus mehreren Teilen, jeder Teil wird als Subdomäne (Subdomain) bezeichnet und jede Subdomain wird durch einen Punkt „.“ getrennt. Jede Subdomain teilt dem Benutzer einige Informationen über diesen Mailserver mit.
Regulärer Ausdruck für die Schlüsselvalidierung: var myreg = /^([.a-zA-Z0-9_-]) @([a-zA-Z0-9_-]) (.[a-zA - Z0-9_-]) /;
Validierungseingabefeld:

 //验证邮箱
     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;
     }
Nach dem Login kopieren

Schreiben Sie eine Methode zur Überprüfung

 //验证邮箱是否存在
     function checkEmailIsExist(){
       var email = jQuery("#email").val();
       var flag = false;
       jQuery.ajax(
        { url: "checkEmail&#63;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;
     }
Nach dem Login kopieren

Hintergrundhandler:

@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) {
      
    }
  }
Nach dem Login kopieren

Oben ist der JQuery-Beispielcode, um mithilfe regulärer Ausdrücke zu überprüfen, ob das E-Mail-Format korrekt ist: var myreg = /^([.a-zA-Z0-9_-]) @([ a-zA -Z0-9_-]) (.[a-zA-Z0-9_-]) /;, Sie können es versuchen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage