jQuery驗證插件。非表單域的驗證？

Question

Ні，全部！

我有jQuery.Validation插件的一個小問題： - 使用jQuery.Validation插件可以我完成了驗證對於未形成字段的輸入字段（即未在「形式」標籤）？

謝謝。

Answer 1

是的，你可以，但該領域仍然需要在一組<form>標籤。但是，您需要而不是「提交」此form以檢查內部字段的驗證。您可以使用.valid()方法獨立於form提交來檢查此表單。

http://jsfiddle.net/9fgVN/13/

<form id="myNonsubmitForm" action="#"> 
    <textarea name="comments" id="comments" rows="5" cols="30"></textarea> 
</form> 

<button id="myButton">Click to Check Validation Status</button> 
<input type="text" id="output" /> 

 

$(document).ready(function() { 

    $("#myNonsubmitForm").validate({ 
     validClass: 'valid', // as per your configuration 
     rules: { // set rules as per your configuration 
      comments: { 
       required: false, 
       maxlength: 10 
      } 
     }, 
     errorPlacement: function(error, element) { 
      // use this to control placement of error messages 
      // removal of errorPlacement handler will result in message appearing next to field automatically. 
     } 
    }); 

    $("#myButton").click(function() { // validate on button click for this example 
     if($("#myNonsubmitForm").valid()){ 
      $('#output').val('passed'); 
     } else { 
      $('#output').val('failed'); 
     }; 
    }); 

});