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

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

Je crois que mon message en double vient d'ailleurs, je l'ai déjà eu avant.

En revanche il est vrai que j'ai reçu un message alors que les champs n'étaient pas tous remplis.

Si j'arrivais à comprendre quelque chose au tuto des contributions je l'aurais suivi, mais je ne comprends même pas pourquoi tout est contredit à chaque message...

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

il n'y a rien de contredit, suis les posts ou je parle du principe de base ...
une fois que tu auras compris comment inhiber l'envoi avec un return false dasn le onsubmit tu auras gagné la partie ...

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

Moui... il m'envoie les nouvelles données... et en même temps les données du test précédent.

Cela vient du fait que le mailer est mis à l'ouverture de la page et que mon formulaire rappelle la page. En reloadant ma page je réexécute le mailer averc les anciennes données... forcément...

Je vais tenter de faire autrement

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

ben faut lancer le mailer uniquement après la validation du form ...

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

J'avais testé ton exemple, et il m'envoyait ""ok tout est bon ! Envoyé" lorsque je ne remplissais pas les champs, du coup j'ai essayé celui de ryan.

Et oui, mais j'ai beaucoup galéré et je me suis battu avant de réussir à avoir un envoi de mails qui fonctionne. Or, en passant avant le <html> ça fonctionnait justement.

Je dois tout repenser là

**Tellounet** · 19/06/2008, 17h03

Bon, je vais créer une autre appelée à la validation du formulaire (testé), qui lancerait le mailer et avertirait que le mail a été envoyé, puis se fermerait automatiquement au bout de quelques secondes.
Ca mévitera les redondances et ça sera bien plus propre.

D'abord, trouver l'équivalent du taget='blank' lorsque la page est lancée par le form.

**Tellounet** · 20/06/2008, 09h38

Envoyé par SpaceFrog

il n'y a rien de contredit, suis les posts ou je parle du principe de base ...
une fois que tu auras compris comment inhiber l'envoi avec un return false dasn le onsubmit tu auras gagné la partie ...

Ben justement, la méthode proposée n'inhibe rien du tout, même en la suivant scrupuleusement.

Ma fonction:

Mon appel dans le form:

J'appelle une page sur laquelle est exécuté le mailer.

J'ai vérifié, les noms des champs sont corrects, j'ai essayé avec des id au cas où, rien n'y fait: ma page est toujours appelée même lorsqu'aucun champ n'est rempli

**Tellounet** · 20/06/2008, 11h35

en fait, j'ai bien l'impression que ça n'appelle même pas la fonction VerifForm().

Pourtant elle est déclarée correctement dans mon <head>

**E.Bzz** · 20/06/2008, 11h50

Bonjour,

Envoyé par Tellounet

en fait, j'ai bien l'impression que ça n'appelle même pas la fonction VerifForm().

on peut voir le code de ton bouton submit ?

A+

**SpaceFrog** · 20/06/2008, 12h08

mouaip ça sent la soumission dynamique et pas avec un bouton de type submit ...

**E.Bzz** · 20/06/2008, 12h10

Envoyé par SpaceFrog

mouaip ça sent la soumission dynamique et pas avec un bouton de type submit ...

Ou le chti onclick qui traîne toujours dans le bouton ...

**Tellounet** · 20/06/2008, 12h15

Tout bêtement

**E.Bzz** · 20/06/2008, 12h18

Si ta fonction n'est pas appelée, c'est peut être simplement que tu as une autre erreur JS, dans une autre partie du code, et qui plante au chargement.

Et quand JS planté, JS plus marcher

A+

**Tellounet** · 20/06/2008, 12h25

Ben heu... le seul autre js que j'ai sur cette page c'est:

qui fonctionne très bien, et sur toutes mes pages.

Et des inserts d'éléments qui ne posent aucun problème non plus.

Vous voudriez peut-être le code entier de ma page?

En passant, comme j'ai testé pas mal de chose, mes input ont un name et un id. Mais j'ai testé en appelant l'un et l'autre, pas de différence

Verification du remplissage de plusieurs champs [Fait]

JavaScript

Discussions similaires

Partager

Partager