Bien valider ses formulaires avec Javascript - commentaires

Bien valider ses formulaires avec Javascript

Très clair ; merci

Bien valider ses formulaires avec Javascript

Oups ! Le message précédent est parti un peu vite.

A l'attention d'Emma (19 mars 17:30)

Une tentative pour vous donner le listing de la façon de faire que j'ai adoptée n'ayant pu aboutir du fait que toutes les accolades ne ressortaient pas, je vous propose de vous l'envoyer par mail si vous le souhaitez. Il s'agit en fait de répéter, dans un fichier que j'appelle verif.js, la formule suivante autant de fois qu'il y a de champs de formulaire à vérifier :

if (condition sur le champ) [accolade] alerte += "\n- Nom" ; n=n+1 ; test=false [accolade]

en ayant pris le soin d'initialiser alerte à "", n à 0, test à true. On termine en vérifiant la valeur de n : - 0 : on sort sans alerte ; - 1 : message d'erreur au singulier et liste des erreurs concaténées dans "alerte" ; - 2 : comme ci-dessus pour 1, mais message d'erreur au pluriel. L'émission du message d'erreur consiste à écrire alert(alerte). On termine par un "return test" (sans les guillemets).

Pour être complet, on place la ligne suivante entre les balises et du fichier du formulaire :

Cordialement

Bien valider ses formulaires avec Javascript

A l'attention d'Emma (19 mars 17:30) Une tentative pour vous donner le listing de la façon de faire que j'ai adoptée n'ayant pu aboutir du fait que toutes les accolades ne ressortaient pas, je vous propose de vous l'envoyer par mail si vous le souhaitez. Il s'agit en fait de répéter, dans un fichier que j'appelle verif.js, la formule suivante autant de fois qu'il y a de champs de formulaire à vérifier :

if (condition sur le champ) [accolade] alerte += "\n- Nom" ; n=n+1 ; test=false [accolade]

en ayant pris le soin d'initialiser alerte à "", n à 0, test à true. On termine en vérifiant la valeur de n :
0 : on sort sans alerte ;
1 : message d'erreur au singulier et liste des erreurs concaténées dans "alerte" ;
2 : comme ci-dessus pour 1, mais message d'erreur au pluriel. L'émission du message d'erreur consiste à écrire alert(alerte). On termine par un "return test" (sans les guillemets).

Pour être complet, on place la ligne suivante entre les balises et du fichier du formulaire :

Cordialement

Bien valider ses formulaires avec Javascript

Tuto clair, précis et fouillé. Les exemples sont simples et utilisables immédiatement. Les mises en garde sont particulièrement pertinentes.

Bravo et merci à Laurent, son auteur, de nous guider aussi bien.

Bien valider ses formulaires avec Javascript

bonjour

Merci pour votre tuto qui est super bien expliqué j'aimerais savoir comment vous gérez la vérification de plusieurs champs ? quelle est la meilleure méthode pour vous ? Personnellement, j'ai fais des if imbriqués.

merci par avance pour votre avis

Bien valider ses formulaires avec Javascript

c'est très bien

Bien valider ses formulaires avec Javascript

Hello, merci pour cet article. J'étais sur un tuto qui s'est révélé incomplet en fait ! grace à vous j'ai trouvé l'erreur. Thx.

Bien valider ses formulaires avec Javascript

Merci ce tuto clair et concis m'a beaucoup aidé dans mon apprentissage.

Bien valider ses formulaires avec Javascript

@XcentY >Le problème de son "onSubmit()" avec la validation par la touche Return Il n'y a aucun problème avec la touche return ou tab : dans le script JS du onsubmit, qui est appelé quand on appuie sur Return ou que l'on clique sur le bouton de submit, à vous de vérifier le contenu du formulaire et de renvoyer true ou false (ou de faire un preventDefault() sur l'event sbmit), pour accepter ou non l'envoi du formulaire.

Bref, si le JS du onsubmit est correctement fait, le formulaire ne peut être envoyé au serveur si le contenu n'est pas valide.

Et de toute manière, il faut aussi COTE SERVEUR, toujours valider les données qui sont soumises, car le JS peut avoir buggé dans la page, ou que l'utilisateur a désactivé le JS dans son navigateur, ou encore que le formulaire est envoyé par un robot (cas des outils pour spammer). Donc non, il n'y a aucun souci si le développeur fait une bonne vérification des données à la fois coté client (en js) et coté serveur (ce qui est le plus important).

Bien valider ses formulaires avec Javascript

Je ne m'avancerai pas pour dire que telle ou telle manière choisie par un développeur est une erreur et que l'auteur est la bonne et unique manière de faire. Le problème de son "onSubmit()" avec la validation par la touche Return est pour moi le plus gros soucis puisque des utilisateurs inexpérimentés valideraient le formulaire avant d'avoir rempli tous les champs. De plus, les gens qui utilisent le clavier, naviguent dans le formulaire avec la touche de tabulation et il n'y a rien qui empêche de valider le formulaire en tapant la touche Return quand la tabulation arrive sur le bouton.

Bien valider ses formulaires avec Javascript

Merci beaucoup pour ces explications qui m'ont beaucoup éclairé.

Bien valider ses formulaires avec Javascript

Merci pour ce très bon article

Bien valider ses formulaires avec Javascript

Salut, Je veux remercier mon ami Google qui m'a emmené de la Tunisie jusqu'ici sur cette page.

Merci pour à Laurent Jouanneau de cet article clair et complet qui reste encore une référence malgrès le passage de presque 8 ans déjà.

Toutefois, j'espère trouver une aussi complète explication sur la meilleure validation coté serveur en PHP.

Encore merci..

Bien valider ses formulaires avec Javascript

Parfaite et concis, cette explication expose bien les erreurs à ne pas commettre ! Moi même en BTS informatique de Gestion 2ème année, ce rappel ne peut faire que du bien ! Merci !

Bien valider ses formulaires avec Javascript

Enfin des réponses à mes questions.

Merci

Bien valider ses formulaires avec Javascript

merciiiiiii bcp pour cet article

Bien valider ses formulaires avec Javascript

tres bonne expliquation merci

Bien valider ses formulaires avec Javascript

waaaaaaaaaw je peux rien dire

Bien valider ses formulaires avec Javascript

Super ! Merci ! enfin un article clair, simple et précis, bravo !

Bien valider ses formulaires avec Javascript

Cool les explications... merci ! Je passais par hasard et voilà que je tobe sur ce bonheur ! J'ai vrament apprecié ce mini tuto-conseil

Bien valider ses formulaires avec Javascript

Pas avec le XHR !!!! Si ton but est d'éviter de recharger les pages, tu utilises Ajax, donc tu peux faire des submit sans recharcger la page. C'est le but !

Bien valider ses formulaires avec Javascript

"La plupart des statistiques rapportent que c'est le cas pour 5 à 7% des internautes." Aujourd'hui, en 2011, ce taux est inférieur à 2% Un article où des tests on été effectués sur les visiteurs de Yahoo :http://dev.neowebmag.com/javascript-ajax/combien-de-visiteurs-desactivent-javascript

Le taux moyen de JavaScript désactivé oscille autour de 1,3% des visiteurs réels (1,46% pour la France), avec pour taux le plus élevé près 2% aux États-Unis et le plus bas autour de 0,25% au Brésil.

Des témoignages pour de plus petits sites, donnent des résultats toujours inférieurs à 1%.

Bien valider ses formulaires avec Javascript

Des témoignages pour de plus petits sites, donnent des résultats toujours inférieurs à 1%.

Bien valider ses formulaires avec Javascript

Superbe documentation ! Si tous les tutos pouvaient être de cette qualité...!

Merci Laurent !

Bien valider ses formulaires avec Javascript

très bonne explications ! Le seul problème avec submit est qu'on est obligé de recharger de page ce que l'on voudrait parfois pas vraiment avec javascript...

Bien valider ses formulaires avec Javascript

Un article clair et precis. ! Javascript reste néanmoins pour moi un sous-langage a ne pas mettre entre toutes les mains de bidouilleurs ou plutôt scriptouilleurs. (ss langage car pas assez de sécurité, pas de typage, trop de variante, lié aux navigateurs et j'en passe)