jQuery - Wie dynamisch eine Gültigkeitsregel hinzufügen

Question

Ich versuche, um dynamisch eine Gültigkeitsregel für einige dynamische Steuerelemente hinzufügen:

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

Doch diese Linie gibt mir die folgende Fehlermeldung:

$. Daten (element.form, "validator") ist null

Definieren von Regeln der statische Weg mit der Validierungsfunktion funktioniert gut. Was mache ich falsch?

Danke, Justin

Answer 1

Sie müssen .validate() aufrufen, bevor Sie Regeln auf diese Weise, wie diese hinzufügen:

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

Die .validate() documentation ein guter Führer, hier ist die kurzen Text über .rules("add", option) ist:

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 sagt:

Haben Sie das gemacht? Die Art der Fehlermeldung weist darauf hin, dass Sie dies nicht getan haben.

Answer 3

Stellen Sie außerdem sicher, dass Sie zuerst $("#myForm").validate(); aufgerufen haben. Stellen Sie sicher, dass Ihr dynamisches Steuerelement dem DOM hinzugefügt wurde, bevor Sie die Validierungsregeln hinzufügen.

Answer 4

Zur Validierung alle dynamisch generierten Elemente eine spezielle Klasse zu jedem dieser Elemente könnte hinzufügen und verwenden, um jede() Funktion, so etwas wie

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