jQuery検証プラグイン。非フォームフィールドの検証？

Question

Ні、すべて！

jQuery.Validationプラグインについて少し質問があります： - フォームフィールドではない入力フィールド（つまり、フォームタグではない）の検証をjQuery.Validationプラグインを使用して完了できますか？

ありがとうございました。

Answer 1

はい、可能ですが、フィールドはまだ<form>タグのセットの内側にある必要があります。しかし、を入力しないでください。は、フィールド内のフィールドの検証を確認するために、formを「送信」する必要があります。 .valid()メソッドを使用して、form送信から独立してこのフォームをチェックします。

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

ramb0tn1k @

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

});