validate luego de createElement

[eurodoblon]

Hola:
Con un formulario creo dinamicamente input a necesidad.
Con validate de query no tengo ningún problema en lo que concierne al formulario inicial.
Pero al crear nuevos input con javascript ... no veo la forma de validar los nuevos input dinámicos.
Os dejo el script por si podeís echarme una mano.
Un saludo y muchas gracias.

CREACION DE ELEMENTO:

Código:

function crear(obj) {
  icremento++;
  
  field = document.getElementById('formulario'); 
 contenedor = document.createElement('div'); 
  contenedor.id = 'div'+icremento; 
  field.appendChild(contenedor);
  
 elem_p = document.createElement('span');
    elem_p.innerHTML = 'Cantidad ';
contenedor.appendChild(elem_p); 
 
  boton = document.createElement('input'); 
  boton.type = 'text'; 
  boton.name = 'cantidad'+'['+icremento+']'; 
  boton.setAttribute("size","4"); 
  contenedor.appendChild(boton);}

VALIDACION CON QUERY:

Código:

$(function(){
	$('#form1').validate({
		rules: {
		'fecha': 'required',	
		'concepto[]': 'required',		
		'cantidad[]': { required: true, number: true },
		'precio[]': { required: true, number: true },		
		'iva[]': { required: true, minlength: 1 }
		},
		messages: {
		'fecha': 'Debes poner la fecha',	
		'concepto[]': 'Debes poner el concepto',		
		'cantidad[]': { required: 'Debes poner la cantidad', number: 'Debes ingresar un número' },
		'precio[]': { required: 'Debes poner el precio', number: 'Debes ingresar un número' },		
		'iva[]': 'Debe seleccionar el tipo de iva'
		},
		debug: true,
		/*errorElement: 'div',*/
		//errorContainer: $('#errores'),
		submitHandler: function(form){
			form.submit();

		}
	});
});

[danny_]

prueba con esto:

Código Javascript:

function crear(){
var i=0;
i++;
 
field = document.getElementById('formulario'); 
contenedor = document.createElement('div'); 
contenedor.id = 'div'+i; 
field.appendChild(contenedor);
 
elem_p = document.createElement('span');
elem_p.innerHTML = 'Cantidad ';
contenedor.appendChild(elem_p); 
 
boton = document.createElement('input'); 
boton.type = 'text'; 
boton.name = 'cantidad'+'['+i+']'; 
boton.setAttribute("size","4"); 
contenedor.appendChild(boton);
 
}
 

[danny_]

ojo, a lo que tu llamabas increment lo he cambiado simplemente por i.

[danny_]

Iniciado por danny_

prueba con esto:

Código Javascript:

var i=0;
function crear(){
 
i++;
 
field = document.getElementById('formulario'); 
contenedor = document.createElement('div'); 
contenedor.id = 'div'+i; 
field.appendChild(contenedor);
 
elem_p = document.createElement('span');
elem_p.innerHTML = 'Cantidad ';
contenedor.appendChild(elem_p); 
 
boton = document.createElement('input'); 
boton.type = 'text'; 
boton.name = 'cantidad'+'['+i+']'; 
boton.setAttribute("size","4"); 
contenedor.appendChild(boton);
 
}
 

[eurodoblon]

Gracis, pero el problema no lo tengo ahí, el funcionamiento al crear elemtos va bien.

VAlidar el formulario, con Jquery tambien.
Lo que no hace query es valadir los input creados dinámicament, sunpongo por que se ha creado fuera del html inicial y no lo reconoce.
¿Hay alguna forma de llamar a esta nueva validacion?

[danny_]

la última es la correcta, se ha declarar la variable de incremento fuera de la función, espero eso te ayude con la validación.

Saludos.

[eurodoblon]

Sigue sin validar, gracias

[danny_]

A ver si este código te puede ayudar.

Código Javascript:

var i=0;
function crear(){
 
    i++;
     
    field = document.getElementById('formulario'); 
    contenedor = document.createElement('div'); 
    contenedor.id = 'div'+i; 
    field.appendChild(contenedor);
     
    elem_p = document.createElement('span');
    elem_p.innerHTML = 'Cantidad ';
    contenedor.appendChild(elem_p); 
     
    boton = document.createElement('input'); 
    boton.type = 'text'; 
    boton.name = 'cantidad'; 
    boton.setAttribute("size","4"); 
    contenedor.appendChild(boton);
    
    var campos=document.getElementsByTagName('input');
        
    for(var i=0;i<campos.length;i++){
        campos[i].onblur=formValidate;
    }
    
}
 
 
function formValidate(){
 
    alert(this.value);
    
}
 

En la funcion form validate tendrás que poner la validación con expresiones regulares dependiendo de lo que quieras validar, la validación la realizará cuando pierda el foco de dicho campo creado.