Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/06/2015, 06:34
Avatar de Jask
Jask
 
Fecha de Ingreso: abril-2006
Ubicación: Madrid
Mensajes: 773
Antigüedad: 18 años, 7 meses
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 :) ?