jQuery的 - 如何動態添加驗證規則

Question

我想動態添加驗證規則的一些動態控件：

$("input[id*=Hours]").rules("add", "required"); 

然而這一行給了我以下錯誤：

$。 data（element.form，「validator」）爲空

定義規則靜態方法與驗證功能工作正常。我究竟做錯了什麼？

感謝， 賈斯汀

Answer 1

你需要調用.validate()才能添加規則這樣一來，像這樣：

$("#myForm").validate(); //sets up the validator 
$("input[id*=Hours]").rules("add", "required"); 

的.validate() documentation是一個很好的指南，這裏的Blurb的約.rules("add", option)：

Adds the specified rules and returns all rules for the first matched element. Requires that the parent form is validated, that is, $("form").validate() is called first.

Answer 2

The documentation舉報：

Adds the specified rules and returns all rules for the first matched element. Requires that the parent form is validated, that is, $("form").validate() is called first.

你這樣做了嗎？錯誤消息種類表示您沒有。

Answer 3

除了確保您第一次調用$("#myForm").validate();之前，請確保在添加驗證規則之前，您的動態控件已添加到DOM。

Answer 4

驗證所有動態生成的元素可以一類特殊的加入這些元素，並使用每個（）函數，像

$("#DivIdContainer .classToValidate").each(function() { 
    $(this).rules('add', { 
     required: true 
    }); 
});