Comment parcourir un formulaire
Bonjour,
J'essaye de faire mon petit formulaire de validation. Mais n'étant pas grand expert de jQuery je bloque sur un petit point.
D'abord mon code s'exécute quand on presse le boutin submit
Code:
1 2 3 4 5 6 7
|
$('#module-add form#add-module').submit(function(event){
event.preventDefault();
Form.validate($(this));
return false;
}); |
Jusqu'à la OK.
En suite je vais dans ma fonction validate, et je coince pour parcourir tous les champs de mon formulaire.
Par exemple dans ce code, j'essaye de mettre un border rouge, a tous les champs de type texte, qui ont la valeur "correct"
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
|
Form = {
init : function(){
},
validate : function(form){
if ($('input[type="text"]').val() == "correct") {
$(this).css("border-color","#ff2222");
$(this).attr('value','YES');
//alert('YES');
}else{
alert('NO');
$(this).attr('value','nNOT');
}
}// End of Validate();
} |
Mon idée sera de parcourir tous les champs d emon formulaire.
Si un a la class "required", il controlera que le champs n'est pas vide.
Si il a une class "stringOnly" il controlera qu'il n'a que du texte
Si il a la class "numberOnly" il controlera qu'il a que des nombre
Etc....
Sauriez-vous comment parcourir ce formulaire?
Merci beaucoup