Verification du remplissage de plusieurs champs [Fait]

**Tellounet** · 19/06/2008, 09h53

Bonjour,

Toujours avec le tutoriel j'ai trouvé comment vérifier si à la validation du formulaire un champ a été rempli. J'ai essayé avec mes maigres connaissances de l'appliquer à plusieurs champs, sans succès. J'ai 8 input et un textarea à vérifier.

Le code du tuto:

J'ai donc appelé l'Id de chacun de mes champs, j'ai copié-modifié
var input = document.getElementById(idInput);
pour chaque valeur.

J'affecte 0 à une variable et je fais un "if" pour chaque champ. S'il est vide je rajoute 1 à la variable.

Enfin, je teste la variable. Si elle est >0 j'envoie un message d'erreur.

Seulement ça ne fonctionne pas.

Je fais donc appel à vous pour me mettre dans la voie.
Sans forcément me mâcher le code, ça m'aiderait beaucoup que vous m'indiquiez dans quelle voie je dois chercher.

Merci d'avance.

**ryan** · 19/06/2008, 10h59

Yop!

Lorsque je dois vérifier plusieurs champs, j'utilise un truc du genre:

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 
<html>
<head>
<script type="text/javaScript">
thenames = new Array("nom", "prenom", "continent");
thetitles = new Array("Nom", "Prénom", "Continent");
function checkinput()
{
  fieldstring ="";
  for (var i = 0; i < thenames.length; i++)
    {
    if (eval("document.forms[0]." + thenames[i] + ".value")=="")
      {
	fieldstring = fieldstring + thetitles[i] + ", \n"
	}
    }
  if (fieldstring!="")
    {
    alert("Vous devez compléter le(s) champ(s) suivant(s) : \n\n" + fieldstring + "\n " );
    }	
  else
    {
    document.forms[0].submit();
    }
}
</script>
</head>
 
<body>
 
<form action="quelquechose.php" method="post">
Nom:<input type=text name='nom' value=''>
<br>
Prénom:<input type=text name='prenom' value=''>
<br>
Continent:<select name='continent'>
<option value='' selected>Sélectionnez un continent</option>
<option value='Afrique'>Afrique</option>
<option value='Amérique du Nord'>Amérique du Nord</option>
<option value='Amérique du Sud'>Amérique du Sud</option>
<option value='Asie'>Asie</option>
<option value='Europe'>Europe</option>
<option value='Océanie'>Océanie</option>
</select>
<br>
<input type=button value="Go!"  onclick="checkinput()">
</form>
 
</body>
</html>

Ca évite d'avoir un alert() par champ.

**tusssss** · 19/06/2008, 11h23

Pour les vérifications de formulaires voir ici dans les contributions

**Tellounet** · 19/06/2008, 11h48

Merci beaucoup, je vais essayer de travailler à partir de ça.

Dès que ça fonctionne je clique sur "résolu"

**Tellounet** · 19/06/2008, 15h11

Le code de ryan est parfaitement adapté à mes besoins, simple à inclure, et en plus modulable à souhait. super!

Par contre va falloir que je réfléchisse à la raison pour laquelle je reçois mon message par mail en double.

Merci beaucoup!

Ju

**SpaceFrog** · 19/06/2008, 15h14

si tu avais suivi le tuto des contributions je penses que tu n'aurais pas le message en double ...

la validation ne doit pas etre blqouée en cas d'echec de verification .
il faut passer par le onsubmit

Verification du remplissage de plusieurs champs [Fait]

JavaScript

Vue hybride

Discussions similaires

Partager

Partager