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;
}
}
}); |
Partager