jquery. validate. js 프로필

참조:http://docs.jquery.com/Plugins/Validation정리
 
jquery. vaidate. js 는 jquery 산하 검증 프레임 워 크 입 니 다. jquery 의 장점 을 통 해 우 리 는 흔히 볼 수 있 는 입력 을 신속하게 검증 할 수 있 고 자신의 검증 방법 을 스스로 확대 할 수 있 으 며 국제 화 에 도 좋 은 지원 을 할 수 있 습 니 다.
 
이 함 수 를 사용 하 는 것 은 매우 간단 합 니 다. 아래 의 코드 를 보 세 요.

  
  


  
  $(document).ready(function(){
    $("#commentForm").validate();
  });
  
  


  

 

 

   
A simple comment form with submit validation and default messages
   

     Name
     *
   
   

     E-Mail
     *
   
   

     URL
       
   
   

     Your comment
     *   </p>
   <p>
     <input class="submit" type="submit" value="Submit"/>
   </p>
 </fieldset>
 </form>


</code></pre> 
  <p>    ，          JAVASCRIPT  ，       FORM    </p> 
  <pre><code> $(document).ready(function(){
    $("#commentForm").validate();
  });</code></pre> 
  <p>              INPUT  class  required      ，             email    email     </p> 
  <p>    validate       </p> 
  <p> </p> 
  <p>        required: "    ",<br/>         remote: "      ",<br/>         email: "            ",<br/>         url: "        ",<br/>         date: "        ",<br/>         dateISO: "         (ISO).",<br/>         number: "        ",<br/>         digits: "      ",<br/>         creditcard: "          ",<br/>         equalTo: "         ",<br/>         accept: "              ",<br/>         maxlength: jQuery.format("           {0}     "),<br/>         minlength: jQuery.format("           {0}     "),<br/>         rangelength: jQuery.format("          {0}   {1}       "),<br/>         range: jQuery.format("        {0}   {1}     "),<br/>         max: jQuery.format("         {0}   "),<br/>         min: jQuery.format("         {0}   ")</p> 
  <p> </p> 
  <h3><strong class="selflink">validate</strong> ()    </h3> 
  <h3>debug：      </h3> 
  <pre><code>$



(".selector").<strong class="selflink">validate</strong>



({
   debug: true
})
</code></pre> 
  <p>          </p> 
  <p> </p> 
  <pre><code>$



.validator.setDefaults



({
   debug: true
})
</code></pre> 
  <p> </p> 
  <p><strong>submitHandler：          SUBMIT,   AJAX     </strong> </p> 
  <p> </p> 
  <pre><code>$



(".selector").<strong class="selflink">validate</strong>



({
   submitHandler: function(form) {
   	$



(form).ajaxSubmit();
   }
})
</code></pre> 
  <p> </p> 
  <p><strong>ignore：         </strong> </p> 
  <pre><code>$



("#myform").<strong class="selflink">validate</strong>



({
   ignore: ".ignore"
})
</code></pre> 
  <p> </p> 
  <p>rules：      form classes, attributes, metadata  ，     validate      <br/> Key/value       . Key       value      ，       class/attribute/metadata rules.</p> 
  <p>        selector  name='name'       email         email   </p> 
  <p> </p> 
  <pre><code>$

(".selector").<strong class="selflink">validate</strong>

({
   rules: {
     // simple rule, converted to {required:true}
     name: "required",
     // compound rule
     email: {
       required: true,
       email: true
     }
   }
})
</code></pre> 
  <p> </p> 
  <p>messages：         </p> 
  <p> </p> 
  <pre><code>$

(".selector").<strong class="selflink">validate</strong>

({
   rules: {
     name: "required",
     email: {
       required: true,
       email: true
     }
   },
   messages: {
     name: "Please specify your name",
     email: {
       required: "We need your email address to contact you",
       email: "Your email address must be in the format of name@domain.com"
     }
   }
})
</code></pre> 
  <p>groups：     ，                  ， errorPlacement           </p> 
  <p> </p> 
  <pre><code>$

("#myform").<strong class="selflink">validate</strong>

({
  groups: {
    username: "fname lname"
  },
  errorPlacement: function(error, element) {
     if (element.attr("name") == "fname" || element.attr("name") == "lname" )
       error.insertAfter("#lastname");
     else
       error.insertAfter(element);
   },
   debug:true
 })
</code></pre> 
 </div> 
</div>
                            </div>
                        </div>