Validación de Jquery para campos creados dinámicamente

Tengo un código javascript básico para generar áreas de texto de entrada como se muestra a continuación

$("#btnAdd").click(function (e) { var itemIndex = $("#container input.iHidden").length; e.preventDefault(); var newItem = $("" + itemIndex + "   

"); $("#container").append(newItem); });

Y tengo un formulario para estos campos dynamics. Estoy usando el validador jquery para este formulario para otros elementos. Ahora también quiero validar estos campos creados dinámicamente.

Para campos estáticos aquí mis scripts de validación de trabajo.

  $('#frm_register').validate({ focusInvalid: false, ignore: "", rules: { FirstName: { required: true } .... 

Y aquí muestro de mis campos dynamics.

     

Podría usar el .rules('add') inmediatamente después de crear el nuevo elemento de entrada …

 $("#btnAdd").click(function (e) { var itemIndex = $("#container input.iHidden").length; e.preventDefault(); var newItem = $("" + itemIndex + "   

"); $("#container").append(newItem); // add the rules to your new item $('Interests_' + itemIndex + '__Id').rules('add', { // declare your rules here required: true }); });

Alternativamente, para una regla simple como la required , puedes agregar el atributo required="required" al nuevo elemento cuando lo creas …

 $("#btnAdd").click(function (e) { var itemIndex = $("#container input.iHidden").length; e.preventDefault(); var newItem = $("" + itemIndex + "   

"); $("#container").append(newItem); });