Foros del Web » Programando para Internet » Jquery »

Validar formulario jquery

Estas en el tema de Validar formulario jquery en el foro de Jquery en Foros del Web. Hola quiero hacer unas funciones para validar formularios y si todos los campos están correctos que se active el botón de envío. Esta es una ...
  #1 (permalink)  
Antiguo 15/04/2012, 15:56
 
Fecha de Ingreso: mayo-2010
Mensajes: 32
Antigüedad: 14 años
Puntos: 0
Pregunta Validar formulario jquery

Hola quiero hacer unas funciones para validar formularios y si todos los campos están correctos que se active el botón de envío.

Esta es una función:

function validarCaracteres(a,b,c,d){

if(a.length < b){
$(c).text(d);
}else{
$(c).text("");
}

}

Así la llamo:

$('#1').bind('keyup keydown keypress', function(){validarCaracteres($(this).val(),2,$('#r espuesta_input_1'),'mal');});

Y este es el input:

<input type="text" placeholder="1" id="1" /><br /><br /><br />
<div id="respuesta_input_1"></div>

Hasta acá todo bien pero que debería poner en esta función y como llamarla¿?

function validarFormulario(){
if(){
//activar botón
}else{
//desactivar botón
}
}

Teniendo en cuenta que tengo varios inputs a comprobar.

Gracias.
  #2 (permalink)  
Antiguo 15/04/2012, 16:03
 
Fecha de Ingreso: mayo-2010
Mensajes: 32
Antigüedad: 14 años
Puntos: 0
Respuesta: Validar formulario jquery

Probé así:

function validarCaracteres(a,b,c,d){

if(a.length < b){
$(c).text(d);
return false;
}else{
$(c).text("");
return true;
}

}

function validarFormulario(a,b){
if(a==true & b == true){
$("#respuesta_input_3").text('ok');
}else{
$("#respuesta_input_3").text('mal');
}
}

$('#1').bind("keyup keydown keypress", function(){validarFormulario(validarCaracteres($(' #1').val(),2,$('#respuesta_input_1'),"mal"),valida rCaracteres($('#2').val(),6,$('#respuesta_input_2' ),"mal"));});

$('#2').bind("keyup keydown keypress", function(){validarFormulario(validarCaracteres($(' #1').val(),2,$('#respuesta_input_1'),"mal"),valida rCaracteres($('#2').val(),6,$('#respuesta_input_2' ),"mal"));});

<input type="text" placeholder="1" id="1" /><br /><br /><br />
<div id="respuesta_input_1"></div>

<input type="text" placeholder="2" id="2" /><br /><br /><br />
<div id="respuesta_input_2"></div>


Y funciona bien pero se activan todos los mensajes de error.

Etiquetas: formulario, funcion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:12.