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