var counter= 0;
var edad1="e";
var counterz=0;
var limit =10;
var edad;
function addInput(divName){
if (counter > limit) {
alert("¡NUMERO MAXIMO DE DESCENDIENTES ALCANSADO!");
}
else {
var newdiv = document.createElement('div');
resultado = edad1+counterz;
newdiv.innerHTML = "<div class='hijo'><table id='hijo'><tr><td>-Descendiente:<td> </tr>"
+ " <tr><td>Nombre(s) </td> <td><input type='text' name='a[]' class='nombrej'></td></tr>"+
" <tr> <td>Apellido(s) </td> <td><input type='text' name='b[]' ></td> </tr>"+
"<tr id='error[]'> </tr>"+"<tr> <td>Edad </td> <td><input id='"+resultado+"' size='5' class='bod' type='text' readonly name='c[]'onchange='calcularEdad(this.id)' ></td> </tr>"
+"<tr><td>Nacionalidad</td><td><input type='text' name='d[]'></td> </tr>"
+" <tr><td> Genero</td> <td> <select name='e[]'><option value='Masculino'> Masculino </option> <option value='Femenino'>Femenino</option> </select></td></tr>" +
" <tr> <td>Documento de Identificación </td> <td> <select name='f[]'><option value='Pasaporte'> Pasaporte </option> <option value='Cedula-e'>Cedula-e</option> <option value='otro'>Otro</option> </select></td></tr>"
+" <tr> <td>Numero documento de Identificación</td> <td><input type='text' name='g[]'></td> </tr>"+
"<input type='hidden' name='h[]' value='descendiente' ></table><br>"+"</div>" ;
document.getElementById(divName).appendChild(newdi v);
counter++
counterz++
}
}
function removeDiv(divId) { //funcion que elimina a los campos creados de forma dinamica
if (counter!=0){
resultado = edad1+counterz;
counter--
resultado=edad1+counterz;
$("#"+divId).remove();
}
}
//aqui se valida los campos dinamicos pero solo lo aplica para uno y no los demas
$(document).on('click','.modulo',function valida(){
$('.nombrej').rules("add", {
required: true,
minlength: 2,
messages: {
required: "Required input",
minlength: jQuery.format("Please, at least {0} characters are necessary")
}
});
});
cualquier ayuda gracias de antemano

