Discussion :

[dmoluc]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[eleydet]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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");
....
}

[danielhagnoul]

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

[bonjourajax]

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?

[dmoluc]

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

[bonjourajax]

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

[Watilin]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

if questionEnCour

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
if (condition) {
  ...
}

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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");
    }
  }
}

[dmoluc]

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

[ProgElecT]

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

Bonjour,
commençons par le début

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