快捷導(dǎo)航

jquery驗(yàn)證郵箱格式是否正確實(shí)例講解

更新時(shí)間：2015年11月16日 13:55:11 作者：daliu_it

這篇文章主要介紹了一個(gè)jquery驗(yàn)證郵箱格式是否正確的實(shí)踐案例，利用正則表達(dá)式進(jìn)行驗(yàn)證，感興趣的小伙伴們可以參考一下

我們來(lái)看看都有哪些郵箱：

我們?nèi)绻粋€(gè)個(gè)的郵箱進(jìn)行判斷，顯然是不可能的了。
—個(gè)完整的Internet郵件地址由以下兩個(gè)部分組成，格式如下：登錄名@主機(jī)名.域名
中間用—個(gè)表示“在”(at)的符號(hào)“@”分開(kāi)，符號(hào)的左邊是對(duì)方的登錄名，右邊是完整的主機(jī)名，它由主機(jī)名與域名組成。其中，域名由幾部分組成，每一部分稱(chēng)為一個(gè)子域(Subdomain），各子域之間用圓點(diǎn)“．”隔開(kāi)，每個(gè)子域都會(huì)告訴用戶一些有關(guān)這臺(tái)郵件服務(wù)器的信息。
關(guān)鍵驗(yàn)證的正則表達(dá)式： var myreg = /^([\.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
校驗(yàn)輸入框：

 //驗(yàn)證郵箱
     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 = "請(qǐng)輸入有效的郵箱地址！";
       }else if(checkEmailIsExist()){
         message = "該郵箱地址已經(jīng)被注冊(cè)！";
       }else{
         flag = true;
       }
       if(!flag){
　　　　　　　　　　//錯(cuò)誤提示
         //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;
     }

寫(xiě)一個(gè)方法來(lái)驗(yàn)證一下

 //驗(yàn)證郵箱是否存在
     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;
     }

后臺(tái)處理程序：

@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";
      //寫(xiě)查詢語(yǔ)句，查詢表里面是否存在該郵箱
      //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驗(yàn)證郵箱格式是否正確實(shí)例代碼，利用了正則表達(dá)式：var myreg = /^([\.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;，大家可以動(dòng)手試一試。

您可能感興趣的文章: