jquery validate外掛程式ajax 驗證重複的2種方法

簡單說一下js代碼，詳細一點的看上面例子源碼：

 $(document).ready(function(){ 
 
  jQuery.validator.addMethod("phonecheck", function(value, element) {   //添加一個phonecheck方法，來自訂check規則 
      string = value.match(/0(＼d{2,2})-(＼d{7,7})/ig); 
      if(string != null){ 
          return true; 
      }else{ 
          return false; 
      } 
  }, "telphone number like 021-1234567"); 
 
  jQuery.validator.addMethod("phonesame", function(value, element) {    //用jquery ajax的方法驗證電話是不是已存在 
      var flag = 1; 
      $.ajax({ 
          type:"POST", 
          url:'tel.php', 
          async:false,                                             //同步方法，如果用非同步話，flag永遠為1 
          data:{'tel':value}, 
          success: function(msg){ 
               if(msg == 'yes'){ 
                   flag = 0; 
               } 
          } 
      }); 
 
      if(flag == 0){ 
          return false; 
      }else{ 
          return true; 
      } 
 
  }, "sorry number have been exist"); 
 
  $("#myform").validate({ 
    errorPlacement: function(error, element) { 
         error.insertAfter(element); 
     }, 
     rules:{ 
             username:{ 
               required:true, 
               remote:{                         //內建遠程驗證存在的方法 
                 url:"tel.php", 
                 type:"post", 
                 dataType:"html", 
                 data:{ 
                      username:function(){return $("#username").val();} 
                 }, 
                 dataFilter: function(data, type) { 
                      if (data == "yes") 
                          return true; 
                      else 
                          return false; 
                 } 
              } 
             }, 
          telphone:{ 
              required:true, 
              rangelength:[11,11], 
              phonecheck:true, 
              phonesame:true 
          } 
      }, 
      messages:{ 
          telphone:{ 
              required:"Please enter your phone", 
              rangelength:"phone must be 11 numbers" 
          }, 
          username:{ 
              required:"Please enter your username", 
              remote:"the username have been exist" 
          } 
      }, 
     debug:true 
   }) 
}); 
</script> 
在這裡推薦大家使用jquery validate，用熟了，很方便