Vérifier des zones de texte

Re bonjour :
j’essaie de créer une fonction pour obliger l'utilisateur à remplir un formulaire mais je ne sais pas comment imbriquer les si et je suis loin d'être sur de la syntaxe
je crois que c'est un peu tirer par les cheveux comme code d'autant plus que j'ai des "requiered" au zone de texte mais je ne trouve pas comment les utilisés

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 27 28 29 30

function Vérif(){ if questionEnCour = 0 and document.getElementById("NomDeFamille").value = "none";{ alert(Veuillez renseigner votre nom de famille); } if questionEnCour = 0 and document.getElementById("Prenom").value = "none";{ alert(Veuillez renseigner votre Prenom); } if questionEnCour = 0 and document.getElementById("courriel").value = "none";{ alert(Veuillez renseigner votre adresse de messagerie); } if questionEnCour = 0 and document.getElementById("Tel").value = "none";{ alert(Veuillez renseigner un numéro de téléphone); } if questionEnCour = 0 and document.getElementById("rue").value = "none";{ alert(Veuillez renseigner la rue); } if questionEnCour = 0 and document.getElementById("CodePostal").value = "none"; alert(Veuillez renseigner le code postal); } if questionEnCour = 0 and document.getElementById("ville").value = "none";{ alert(Veuillez renseigner la ville); } if questionEnCour = 0 and document.getElementById("entreprise").value = "none";{// si lvide alert(Veuillez renseigner votre entreprise); } if questionEnCour = 0 and document.getElementById("motdepasse").value <> cfctp;{// si le mot de passe est différent de cfctp alert(le mot de passe est invalide); } }

---

un petit coup de main serait le bienvenu, merci d'avance

Bonsoir,
Quelque chose dans ce genre, peut-être?

Code:

---

1 2 3 4 5 6

function Vérif(){ if (questionEnCour = 0 && document.getElementById("NomDeFamille").value = "") alert("Veuillez renseigner votre nom de famille"); else if (questionEnCour = 0 && document.getElementById("Prenom").value = "") alert("Veuillez renseigner votre Prenom"); else if (questionEnCour = 0 && document.getElementById("courriel").value = "") alert("Veuillez renseigner votre adresse de messagerie"); .... }

---

:salut:

La validation d'un formulaire se fait lorsque l'utilisateur clique sur le bouton valider. C’est uniquement à ce moment que les systèmes de validation (l'attribut required et autre RegExp) vont attirer l'attention de l'utilisateur sur chaque champ du formulaire qui ne correspond pas aux critères que vous avez définis.

https://developer.mozilla.org/fr/doc...ees_formulaire

Bonsoir,

L'attribut required empêche l'envoi du formulaire si le champ n'a pas été rempli convenablement
Cela affiche une notification sous forme de bulle a coté du ou des champs en bénéficiant

Puis je voir votre code html si cette information n'apparait pas?

bonjour et merci pour vos réponses

en fait avec un bouton ça fonctionne, j'utiliser une image en guise de bouton et je n'ai pas su lui donner le bon code

merci à tous

de rien
Vous pouvez mettre un bouton avec un background : url() sinon

Citation:

---

Envoyé par dmoluc

je suis loin d'être sur de la syntaxe

---

Je te l’ai déjà dit dans un autre de tes fils mais j’insiste, utilise la console F12, tu verras tout de suite les erreurs de syntaxe au lieu d’avancer à l’aveugle. Tu vas faire un bond en efficacité.

Ici :

Code:

---

if questionEnCour

---

Premier problème, il faut des parenthèses autour de la condition :

Code:

---

1 2 3

if (condition) { ... }

---

Si tu veux tester plusieurs conditions, le « and » s’écrit && :

Code:

---

1 2 3

if (condition1 && condition2) { ... }

---

Pour tester une égalité, le triple-égal === est conseillé, car le double == ne vérifie pas les types et fait des conversions surprenantes. De plus, avec trois signes égal, tu as moins de chance d’en oublier un et de faire une affectation au lieu d’une comparaison.

Pour ne rien laisser au hasard, mets la valeur littérale (dans ton exemple, le 0 ou la chaîne "none") à gauche, comme ça si tu oublies un signe égal, ça lèvera une erreur et tu le verras tout de suite :

Code:

---

1 2 3

if (0 === questionEnCour && "none" === document.getElementById("NomDeFamille").value) { ... }

---

On appelle ça une Yoda condition.

Comme tous tes if font le même test 0 === questionEnCour, tu peux le regrouper dans un seul test qui englobe les autres :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

function Vérif() { if (0 === questionEnCour) { if ("none" === document.getElementById("NomDeFamille").value) { ... } if ("none" === document.getElementById("Prenom").value) { ... } ... etc. } }

---

Autre erreur de syntaxe ici :

Code:

---

alert(Veuillez renseigner votre nom de famille);

---

Il manque les guillemets pour faire une chaîne. L’interpréteur voit le mot Veuillez qu’il va essayer d’interpréter comme une variable, puis il va se plaindre que la variable Veuillez n’existe pas.

La bonne syntaxe est :

Code:

---

alert("Veuillez renseigner votre nom de famille");

---

Je reviens sur cette valeur "none", ce n’est probablement pas ce que tu veux tester. Je pense que tu veux plutôt vérifier si le champ n’est pas vide. Pour ça tu peux comparer avec la chaîne vide, ou mieux, vérifier que la value contient autre chose que des espaces avec la méthode trim :

Code:

---

1 2 3

if ("" !== document.getElementById("NomDeFamille").value.trim()) { ... }

---

Le code se lit comme suit :

• Prends la valeur du champ NomDeFamille
• supprime tous les espaces à gauche et à droite (méthode trim)
• vérifie que ce n’est pas égal à la chaîne vide ""

En JS, c’est l’opérateur !== qui fait « différent de », il est le complément du triple-égal === (tout comme != est le complément de ==). L’opérateur <> n’existe pas.

Enfin, dernier problème avec ta variable cfctp, je pense que tu as voulu écrire une chaîne, donc encore une fois, il manque les guillemets.

Je te propose d’appliquer toi-même toutes ces corrections à ton code, et je te mets la version finale ici en spoiler pour que tu puisses vérifier :

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 27 28 29 30 31

function Vérif() { if (0 === questionEnCour) { if ("" !== document.getElementById("NomDeFamille").value) { alert("Veuillez renseigner votre nom de famille"); } if ("" !== document.getElementById("Prenom").value) { alert("Veuillez renseigner votre prénom"); } if ("" !== document.getElementById("courriel").value) { alert("Veuillez renseigner votre adresse de messagerie"); } if ("" !== document.getElementById("Tel").value) { alert("Veuillez renseigner un numéro de téléphone"); } if ("" !== document.getElementById("rue").value) { alert("Veuillez renseigner la rue"); } if ("" !== document.getElementById("CodePostal").value) { alert("Veuillez renseigner le code postal"); } if ("" !== document.getElementById("ville").value) { alert("Veuillez renseigner la ville"); } if ("" !== document.getElementById("entreprise").value) { alert("Veuillez renseigner votre entreprise"); } if ("cfctp" !== document.getElementById("motdepasse").value) { alert("Le mot de passe est invalide"); } } }

---

merci ce petit cour va m'être trés utile car j'ai trop la structure VB en tête et je ne sais pas trop comment la traduire en java

Citation:

---

Envoyé par dmoluc

merci ......comment la traduire en java

---

Citation:

---

Envoyé par NoSmoking

Bonjour,
commençons par le début

• java !== javascript, ce sont deux langage différents.
......

---