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:
  
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. $("#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", "#")
	}
});
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
 

