jQuery - Cómo agregar dinámicamente una regla de validación

Question

Estoy tratando de agregar dinámicamente una regla de validación de algunos controles dinámicos:

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

Sin embargo esta línea me da el siguiente error:

$. data (element.form, "validator") es nulo

La definición de reglas de la manera estática con la función de validación funciona bien. ¿Qué estoy haciendo mal?

Gracias, Justin

Answer 1

es necesario llamar a .validate() antes de poder agregar reglas de esta manera, así:

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

El .validate() documentation es una buena guía, aquí está la propaganda sobre .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 hiciste? El tipo de mensaje de error indica que no lo hizo.

Answer 3

Además de asegurarse de haber llamado primero al $("#myForm").validate();, asegúrese de que su control dinámico se haya agregado al DOM antes de agregar las reglas de validación.

Answer 4

Para validar todos los elementos generados dinámicamente podría añadir una clase especial para cada uno de estos elementos y el uso de cada función(), algo así como

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