Question récurrente s'il en est la soumission de formulaire après vérification semble poser problème à de nombreuses personnes.
Je ne traiterais ici que du principe de base de la validation, et non des différentes possibilité de vérification du contenu des champs, ni des messages d'erreurs de saise.
Voici le fonctionnement classique d'une vérification de formulaire avant envoi:
Tout d'abord la fonction de vérification:
Elle doit retourner true si tous les tests sont ok et false si non
si il y a plusieurs teste à effectuer le moyen le plus simpel est d'incrémenter une variable à chaque erreur et tester en fin de focntion si la variable est supérieure à 0
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 <script type="text/javascript"> function VerifForm(){ var AllIsOk=0; // ici une serie de tests : (exmple si les champs sont vides) if(document.forms['myform'].elements['monchamps1'].value==''){AllIsOk++;} if(document.forms['myform'].elements['monchamps2'].value==''){AllIsOk++;} //ici le retour de la fonction return (AllIsOk==0); //retourne true si tous les champs sont remplis //retourner false si un seul des champs est vide }</script>A noter que la syntaxe:
est equivalente de
Code : Sélectionner tout - Visualiser dans une fenêtre à part return (AllIsOk==0);
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 if(AllIsOk==0){return true;} else{return false}Ceci n'est bein entendu que la base, on peut ajouter des messages d'alert en retour avec les erreurs de saisies rencontrées, redonner le focus au champs incriminé etc ...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 le formulaire <form name="myform" action="javascript:alert('ok tout est bon ! Envoyé')" onsubmit="return VerifForm()" /> <input type='text' value='' name='monchamps1' /> <input type='text' value='' name='monchamps2' /> <input type='submit' value='envoyer' /> </form>
Partager