Validación Bootstrap al agregar dinámicamente múltiples campos

Estoy usando bootstrap v3.1.1 y quiero validar un formulario con la validación de bootstrap pero que contiene un botón para clonar 3 campos. Con la clonación todo funciona bien, pero no puedo validar los campos clonados. Aquí está mi formulario HTML:

 
add line

En el archivo JavaScript que tengo:

  $(document).ready(function () { var count = 2; $('#cloneButton').click(function () { var klon = $('#line_1'); klon.clone().attr('id', 'line_' + (++count)).insertAfter($('#line_1')); $('#line_' + count).children('div').children('input').each(function () { $(this).val(''); var oldId = $(this).attr('id').split('_'); $(this).attr('id', oldId[0] + '_' + count); }); }); //For validating the fields: $('#myForm').bootstrapValidator({ fields: { 'firstField[]': { validators: { notEmpty: { message: 'Enter a value' } } }, 'secondField[]': { validators: { notEmpty: { message: 'Enter a value' } } }, 'thirdField[]': { validators: { notEmpty: { message: 'Enter a value' } } } } }); }); 

Ahora que debo usar algo como esto

 $('#myForm').bootstrapValidator('addField', klon.find('[name="firstField[]"]')); 

para cada campo, pero ahora no lo hago correctamente. Por favor, ayúdame. ¡¡Gracias!!

Si inserta el método addField en su bucle de input , debería funcionar. También sugiero guardar tu primera row como plantilla.

 var template = $('#line_1').clone(); var options = { fields: { 'firstField[]': { validators: { notEmpty: { message: 'Enter a value 1' } } }, 'secondField[]': { validators: { notEmpty: { message: 'Enter a value 2' } } }, 'thirdField[]': { validators: { notEmpty: { message: 'Enter a value 3' } } } } }; $('#myForm').bootstrapValidator(options); $('#cloneButton').click(function () { var rowId = $('.row').length + 1; var validator = $('#myForm').data('bootstrapValidator'); var klon = template.clone(); klon.attr('id', 'line_' + rowId) .insertAfter($('.row').last()) .find('input') .each(function () { $(this).attr('id', $(this).attr('id').replace(/_(\d*)$/, "_"+rowId)); validator.addField($(this)); }) }); 

VIOLÍN

Esta respuesta no es exactamente para esta pregunta, pero si alguien quiere agregar un campo diferente dinámicamente, puede usar esto.

 $('#myForm').formValidation('addField', 'fourthField[]', { validators: { notEmpty: { message: 'Enter a value 4' } }, }); 

Sintaxis: $("#form_name").formValidation("addField",'no of the field',{validation});