jquery validateカスタム検証ルールの追加(メールボックスの郵便番号の検証)

jQuery:validateカスタム検証の追加
jQuery.validator.addMethodカスタム検証ルールの追加
addMethod:name, method, message
単純なインスタンス:単一の検証の追加

 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  <br>$("#tinyphp").validate({ 
  <br>    //        
  <br>    rules: { 
  <br>        isZipCode: {    //     
  <br>            isZipCode: true 
  <br>        } 
  <br>    } 
  <br>});  
  <br>     
  
 
  
 
  
 
 

validate.expand.js

 
  
jQuery.validator.addMethod("isZipCode", function(value, element) {   
  
    var tel = /^[0-9]{6}$/; 
  
    return this.optional(element) || (tel.test(value)); 
  
}, "           "); 
  
 
 

複数の検証メソッドの追加

 
  
  
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
  ：

 
   
  
  ：


<br>$("#tinyphp").validate({<br>    //       <br>    rules: {<br>        isZipCode: {    //    <br>            isZipCode: true<br>        },<br>        userName:{<br>            required: true,<br>            userName: true,<br>            rangelength: [5,10]    <br>        }<br>    },<br><br>    //      ,   <br>    messages:{<br>        userName: {<br>            required: "      ",<br>            rangelength: "      5-10     " <br>        }       <br><br>    }<br>});  <br>    


  
 

 validate.expand.js
 

 
  
 jQuery.validator.addMethod("userName", function(value, element) { 
  
    return this.optional(element) || /^[\u0391-\uFFE5\w]+$/.test(value); 
  
}, "      5-10     ");   
   
  
jQuery.validator.addMethod("isZipCode", function(value, element) {   
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "           ");