Discussion :

[glloq8]

Bonjour, je voudrais tester des champs de formulaire, pour afficher une alerte si ils ne sont pas remplis.

J'ai fait ceci (dans le header):

Code :

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

1
2
3
4
5
6
7
8
 
<script LANGUAGE="JavaScript">
function verifForm(formulaire)
{if(formulaire.civilite.value == "") alert('Vous avez oublié la Civilité !'); 
else if(formulaire.nom.value == "") alert('Veuillez saisir votre nom');
else if(formulaire.prenom.value == "") alert('Veuillez saisir votre prénom');
else formulaire.submit();}
</script>

et sur mon bouton submit j'ai mis ceci :

Code :

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

 onClick="verifForm(this.form)"

Quand je teste, en ne mettant rien, il m'affiche une alerte, mais c'est celle du nom, alors que la civilité est avant et non remplie. De plus, quand je fait ok, il m'envois quand même sur la page d'envois d'e-mail (après mon form).

Avez-vous une idée ?

[KibitO]

Bonjour.

this.form te renvoie une collection, il faut donc que tu travailles avec chaque élément de ton formulaire sur la collection..

Code :

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

this.form[0].value

te donne la valeur de ton premier champ..

[glloq8]

c'est à dire ??

[glloq8]

C'est bon, j'ai réussi en faisant ça :

dans le head :

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
 
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
function verif() {
  if (document.F.civilite.value == "") {
    alert("Nom obligatoire.\n");
    document.F.civilite.focus();
    return false;
  }
  if (document.F.nom.value == "") {
    alert("Nom obligatoire.\n");
    document.F.nom.focus();
    return false;
  }
  if (document.F.prenom.value == "") {
    alert("Prénom obligatoire.\n");
    document.F.prenom.focus();
    return false;
  }
  if (document.F.email.value == "") {
    alert("Email obligatoire.\n");
    document.F.email.focus();
    return false;
  }
  if (document.F.societe.value == "") {
    alert("Société obligatoire.\n");
    document.F.societe.focus();
    return false;
  }
  if (document.F.activite.value == "") {
    alert("Activité obligatoire.\n");
    document.F.activite.focus();
    return false;
  }
  if (document.F.fonction.value == "") {
    alert("Fonction obligatoire.\n");
    document.F.fonction.focus();
    return false;
  }
  return true;
}
</script>

et dans mon <form> :

Code :

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

 onSubmit="return verif()"

Par contre, comment je peux faire pour tester mes boutons radio ?? Parce que avec le code au dessus, ça ne fonctionne pas, quand je ne sélectionne rien, il ne le voit pas...

[glloq8]

Voila, pour tester les boutons radio, j'ai fait ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
var civilite = document.F.civilite;
   var nb     = civilite.length;
   var i      = 0;
 
   while (i < nb) {
     if (civilite[i].checked) {
       return true;
     }
     i = i + 1;
   }
   alert("Civilité obligatoire !\n");
   return false;

et ça marche.