Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/02/2013, 09:54
eurodoblon
 
Fecha de Ingreso: enero-2008
Mensajes: 303
Antigüedad: 17 años
Puntos: 0
validate luego de createElement

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();

		}
	});
});