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'); 
     }; 
    }); 

});