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


