Champs obligatoires dans un formulaire

Version imprimable

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:

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:

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 ?

30/09/2005, 15h56
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:

this.form[0].value

te donne la valeur de ton premier champ..
30/09/2005, 16h01
glloq8

c'est à dire ??

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

dans le head :

Code:

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:

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...

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

Code:

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.