Discussion :

[Irokoi]

Bonjour,
J'ai un formulaire html avec une vérification javascript et php pour savoir si
les champs obligatoire sont bien remplis.

Je voulais savoir si en javascript il était possible d'afficher les erreurs à côté du champ concerné plutôt que dans une alert et si oui comment faire ?
Sinon quel langage utilisé, j'espère ne pas à avoir refaire tout mon formulaire... en java ou je ne sais quoi...
Si ce n'est pas possible en javascript est ce que je pourrais avoir un exemple pour avoir tout les message d'erreur dans une même alert ?

du genre : Veuillez entrer votre : NOM
MAIL
TEL etc...


voila un exemple de mon javascript :

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
32
33
var verif = RegExp("^([a-zA-Z0-9_-])+([.]?[a-zA-Z0-9_-]{1,})*@([a-zA-Z0-9-_]{2,}[.])+[a-zA-Z]{2,3}$");
function verification() {
   if(document.formulaire.nom.value == "") {
      alert("var verif = RegExp("^([a-zA-Z0-9_-])+([.]?[a-zA-Z0-9_-]{1,})*@([a-zA-Z0-9-_]{2,}[.])+[a-zA-Z]{2,3}$");
function verification() {
   if(document.formulaire.nom.value == "") {
      alert("Veuillez entrer votre NOM svp");
      document.formulaire.nom.focus();
      return false;
   }
      if(document.formulaire.mail.value == "") {
      alert("Veuillez entrer votre MAIL svp");
      document.formulaire.mail.focus();
      return false;
	  }
 	if (verif.exec(document.formulaire.mail.value) == null)
 	{
	alert("Votre email est incorrecte");
 	return false;
 } ");
      document.formulaire.nom.focus();
      return false;
   }
      if(document.formulaire.mail.value == "") {
      alert("Veuillez entrer votre MAIL svp");
      document.formulaire.mail.focus();
      return false;
	  }
 	if (verif.exec(document.formulaire.mail.value) == null)
 	{
	alert("Votre email est incorrecte");
 	return false;
 }

etc....



Merci.

[ninatity]

Bonjour,
J'ai un formulaire html avec une vérification javascript et php pour savoir si
les champs obligatoire sont bien remplis.

Je voulais savoir si en javascript il était possible d'afficher les erreurs à côté du champ concerné plutôt que dans une alert et si oui comment faire ?

Oui c'est faisable en javascript. Utilises Ajax pour cela. Regardes des tutos et des exemples. Il y en a pleins.
Exemple http://dmouronval.developpez.com/tut...-requete-ajax/

Bonne continuation

[NoSmoking]

Bien le bonjour à vous

Je voulais savoir si en javascript il était possible d'afficher les erreurs à côté du champ concerné plutôt que dans une alert et si oui comment faire ?

affichage/masquage de div ou autre span en jouant sur la propriété style.display des éléments.

L'utilisation d'AJAX ne m'apparaît pas évidente sur ce coup.

[ABCIWEB]

Non effectivement l'utilisation d'AJAX ne se justifierait que s'il fallait par exemple contrôler qu'un nom saisi correspond à un nom existant dans une bdd...

J'ai donné un exemple de contrôle de formulaire en javascript dans ce topic

A la place du alert qui est là pour le principe tu peux enregistrer les résultats du contrôle dans un tableau que tu liste ensuite (en javascript) dans un div html prévu à cet effet. Toutes les erreurs seront repportées d'un coup.
Ou tu peux aussi faire comme dit NoSmoking, faire afficher des <span> en fonction du résultat de la vérification.

[Irokoi]

Merci vous me rassurez car je n'ai pas envie de me prendre la tête à rajouter du ajax.
Je vais voir ce que je peux faire avec les div ou span.

[Irokoi]

Alors voila ce que je viens de faire mais qui évidemment ne marche pas :

Code :

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

1
2
3
4
5
6
function verification() {
	 if(document.formulaire.adresse.value == "") {
      document.getElementById(erreuradresse).style.visibility = "visible";
      document.formulaire.adresse.focus();
      return false;
   }

et le html :

Code html :

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

1
2
3
4
5
6
7
8
9
10
<form name="formulaire" method="POST" action="form2.php" onsubmit="return verification();">
 
<fieldset>
 
<legend class="legend">Coordonnée du bien</legend>
<label for="adresse" class="important">*Adresse du bien à vendre </label>
 
<input name="adresse" id="adresse" size="50" class="error" maxlength="100" type="text"/>
 
<span id="erreuradresse" style="display: none" >Vous avez oublié l'adresse !</span>

Si quelqu'un peut m'éclairer ?