Mhhh à priori je n'ai pas été assez explicite, on m'a déja dit que ce "tuto" n'atteignais pas sa cible...
Reprenons:
Le propos est ici de montrer et expliciter le principe de base de vérification d'un form en passant comme il se doit par le onsubmit ...
avec une fonction de vérification qui retourne true ou false ...
Ensuite peu importe les paramètres passés à la fonction ou le type de vérifications réalisées ...
Il y a déja eu dans les contributions une fonction de validation générique très complète, sans doute un peu trop évoluée pour le débutants.
Je vais donc rappeler le principe de base de validation en javascript d'un formulaire en utilisant onsubmit:
Le formulaire :
1 2 3 4 5
|
<form action="page.htm" onsubmit="return fonctiondeVerifiaction()" />
....
<input type="submit" value="envoyer" />
</form> |
lors du click sur le bouton de validation (ou appui sur la touche enter) la fonction de vérification est lancée avant l'envoi du formulaire ...
si la fonction retourne true le formulaire est envoyé
si la focntion retourne false l'envoi est stoppé.
La fonction de verification étant par exemple dasn le head de la page entre balises script :
1 2 3 4 5 6 7
| </script type='text/javascript'>
fonctiondeVerifiaction(){
// ici les tests
if( tout est ok){ return true}
else {return false}
}
</script> |
Petit précaution à prendre avec ce type de vérification:
Le onsubmit n'est pas lancé lors d'une soumission dynamique du formulaire avec :
document.forms[0].submit()
donc la vérification ne se fait pas, pour inclure le onsubmit :
if(document.forms[0].onsubmit()){document.forms[0].submit()}
En espérant avoir démystifié la validation de formulaire pour les débutants ..
Partager