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