Heim >Web-Frontend >js-Tutorial >Beispiel für eine jquery-Überprüfung, ob das E-Mail-Format korrekt ist_jquery
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; }
Schreiben Sie eine Methode zur Überprüfung
//验证邮箱是否存在 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; }
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) { } }
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.