jQuery - Come aggiungere dinamicamente una regola di convalida

Question

Sto cercando di aggiungere dinamicamente una regola di convalida per alcuni controlli dinamici:

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

Tuttavia questa linea mi dà il seguente errore:

$. data (element.form, "validator") è null

La definizione delle regole in modo statico con la funzione di convalida funziona correttamente. Che cosa sto facendo di sbagliato?

Grazie, Justin

Answer 1

è necessario chiamare .validate() prima di poter aggiungere le regole in questo modo, in questo modo:

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

Il .validate() documentation è una buona guida, ecco la fascetta pubblicitaria su .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 dice:

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.

Lo hai fatto? Il tipo di messaggio di errore indica che non l'hai fatto.

Answer 3

Oltre a verificare di aver chiamato per la prima volta $("#myForm").validate();, assicurarsi che il controllo dinamico sia stato aggiunto al DOM prima di aggiungere le regole di convalida.

Answer 4

di convalidare tutti gli elementi generati in modo dinamico potrebbe aggiungere una classe speciale per ognuno di questi elementi e utilizzare ogni funzione(), qualcosa come

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