Foros del Web » Programando para Internet » Jquery »

Validación de formulario en un slider

Estas en el tema de Validación de formulario en un slider en el foro de Jquery en Foros del Web. Buenas a todos, qué tal? Tengo un pequeño problema. Tengo un formulario por "partes", es decir, tengo un slider con varias partes y en cada ...
  #1 (permalink)  
Antiguo 13/06/2015, 06:34
Avatar de Jask  
Fecha de Ingreso: abril-2006
Ubicación: Madrid
Mensajes: 773
Antigüedad: 18 años
Puntos: 15
Validación de formulario en un slider

Buenas a todos, qué tal?

Tengo un pequeño problema.
Tengo un formulario por "partes", es decir, tengo un slider con varias partes y en cada parte hay inputs, que engloban un formulario en concreto. La cosa es que en la primera parte del formulario, tengo campos básicos que he ido validando, como el nombre o el email, pero para validar he utilizado, en jquery, un keyup. Dejo el código que utilizo:

Código:
$("#senderName").keyup(function()
{
	var name = $("#senderName");

	if(name.val().length > 2) {
		name.removeClass('input-error');
		name.addClass('input-success');
	}

    if(name.val().length === 0) {
    	name.removeClass('input-success');
		name.addClass('input-error');
	}
});

$("#senderEmail").keyup(function()	
{
	var mail = $("#senderEmail");

	var testEmail = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i;
	if (testEmail.test(mail.val())){
		mail.removeClass('input-error');
		mail.addClass('input-success');
	} else {
		mail.removeClass('input-success');
		mail.addClass('input-error');
	}
});

$( "#nextOption_short" ).hover(function()
{
	var name = $("#senderName");
	var mail = $("#senderEmail");

	if(name.hasClass("input-success") && mail.hasClass("input-success")) {
		$("#nextOption_short").attr("href", "#myCarousel")
	}else{
		$("#nextOption_short").attr("href", "#")
	}
});
Como se puede ver al final, si comprueba los dos campos y son correctos, asigna al botón el href para que pueda continuar, si no, no.
He probado con el onclick pero me interesa que cuando se rellene el campo en cuestión compruebe si es correcto o no, que podría usar para tal fin?

Habría alguna alternativa la cual me evite quitar el id myCarousel ?

Dejo web por si quieren comprobar el funcionamiento:

http://3capas.com/tpo/index.php

Tienen que pulsar en Pulsa aquí para descubrirlo > Presupuesto rápido
__________________
Os iusti meditabitur sapientiam
Si te he ayudado, por qué no un poquito de Karma :) ?
  #2 (permalink)  
Antiguo 16/06/2015, 14:29
Avatar de Jask  
Fecha de Ingreso: abril-2006
Ubicación: Madrid
Mensajes: 773
Antigüedad: 18 años
Puntos: 15
Respuesta: Validación de formulario en un slider

Nadie :( ?
__________________
Os iusti meditabitur sapientiam
Si te he ayudado, por qué no un poquito de Karma :) ?

Etiquetas: javascript, slider, validacion
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 16:49.