Disabled "input" sur un FORM
Hello,
J'utilise un script qui fait appel à Jquery pour la gestion de formulaire dynamique (vérification des champs puis envoie dans une BDD via un script PHP).
J'aimerais pouvoir lors de la validation du formulaire (si tous les champs sont correctement remplis), ajouter une fonctionnalité qui "bloquerait" l'ensemble des champs (ou les griserait).
La fonction JS est la suivante :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59
| $(document).ready(function(){
//global vars
var form = $("#customForm");
var nom = $("#nom");
var nomInfo = $("#nomInfo");
var email = $("#email");
var emailInfo = $("#emailInfo");
//On blur
nom.blur(validateNom);
email.blur(validateEmail);
//On key press
nom.keyup(validateNom);
//On Submitting
form.submit(function(){
if(validateNom() & validateEmail())
return true
else
return false;
});
//validation functions
function validateEmail(){
//testing regular expression
var a = $("#email").val();
var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
//if it's valid email
if(filter.test(a)){
email.removeClass("error");
emailInfo.text("Email valide!");
emailInfo.removeClass("error");
return true;
}
//if it's NOT valid
else{
email.addClass("error");
emailInfo.text("Email invalide");
emailInfo.addClass("error");
return false;
}
}
function validateNom(){
//if it's NOT valid
if(nom.val().length < 4){
nom.addClass("error");
nomInfo.text("Plus de 3 caract svp");
nomInfo.addClass("error");
return false;
}
//if it's valid
else{
nom.removeClass("error");
nomInfo.text("Nom ok");
nomInfo.removeClass("error");
return true;
}
}
}); |
Sauriez vous la ligne à rajouter pour chaque champ (nom, email et le boutton submit) afin de les griser ou de les bloquer ?
merci beaucoup ;)