Discussion :

[Tr@nkill]

bonjour,
voila etant nul de chez nul en JS, j'aimerai savoir si il existe un script deja ecrit permettant de faire des test sur la saisie d'un formulaire. Du genre verifier si les champs obligatoires sont entrés etc...
Merci de me venir en aide..

[SpaceFrog]

c'est tout bien expliqué dans la faq ...
un forumlaire possède un évènement onsubmit ...
fais une recherche sur le sujet

[denisC]

c'est tout bien expliqué dans la faq ...

un indice:
http://javascript.developpez.com/faq/?page=formObjs

[Tr@nkill]

merci les copains !

[poissonsoluble]

un indice:
http://javascript.developpez.com/faq/?page=formObjs

Moi aussi je voudrai vérifier si les champs oblig de mon formulaire sont bien remplis!!
J'ai utilisé la faq, mais la vérification ne marche pas!!!
Quelqu'un peut m'aider!!

[kalash_jako]

@poissonsoluble:

Le javascript est bien activer sur le site?

Fais voir ton bout de code...

[poissonsoluble]

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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
 
<script>
var gFirst = true;
            function control() {
                 var check = true;
 
                 if( gFirst) {
                     document.getElementById('FormErrors').innerHTML = '';
                     document.getElementById('FormErrors').style.display = 'none';
                     if( document.getElementById('nom_client').value == '') {
                     //    document.getElementById('FormErrors').innerHTML = document.getElementById('FormErrors').innerHTML + 'Nom obligatoire<br />';
                         //document.getElementById('FormErrors').style.display = 'block';
                         alert('Nom obligatoire');
                         check = false;
                     }
                     if( document.getElementById('add_client').value == '') {
                         document.getElementById('FormErrors').innerHTML = document.getElementById('FormErrors').innerHTML + 'Adresse obligatoire<br />';
                         document.getElementById('FormErrors').style.display = 'block';
                         check = false;
                     }
                     if( document.getElementById('cp_client').value == '') {
                         document.getElementById('FormErrors').innerHTML = document.getElementById('FormErrors').innerHTML + 'Code Postal obligatoire<br />';
                         document.getElementById('FormErrors').style.display = 'block';
                         check = false;
                     }
                     if( document.getElementById('cp_client').value.length > 5) {
                         document.getElementById('FormErrors').innerHTML = document.getElementById('FormErrors').innerHTML + 'Le code Postale doit être de 5 chiffres <br />';
                         document.getElementById('FormErrors').style.display = 'block';
                         check = false;
                     }
                      if( document.getElementById('ville_client').value == '') {
                         document.getElementById('FormErrors').innerHTML = document.getElementById('FormErrors').innerHTML + 'Ville obligatoire<br />';
                         document.getElementById('FormErrors').style.display = 'block';
                         check = false;
                     }
                     if( document.getElementById('email_client').value == '') {
                         document.getElementById('FormErrors').innerHTML = document.getElementById('FormErrors').innerHTML + 'E-mail obligatoire<br />';
                         document.getElementById('FormErrors').style.display = 'block';
                         check = false;
                     }
                     if( document.getElementById('mdp_client').value == '') {
                         document.getElementById('FormErrors').innerHTML = document.getElementById('FormErrors').innerHTML + 'Mot de passe obligatoire<br />';
                         document.getElementById('FormErrors').style.display = 'block';
                         check = false;
                     } else
                     if( document.getElementById('mdp_client').value.length < 4) {
                         document.getElementById('FormErrors').innerHTML = document.getElementById('FormErrors').innerHTML + 'Le mot de passe doit être de 4 caractères minimum<br />';
                         document.getElementById('FormErrors').style.display = 'block';
                         check = false;
                     }
                     if( document.getElementById('conf_mdp_client').value == '') {
                         document.getElementById('FormErrors').innerHTML = document.getElementById('FormErrors').innerHTML + 'Confirmation du mot de passe obligatoire<br />';
                         document.getElementById('FormErrors').style.display = 'block';
                         check = false;
                     } else
                     if( document.getElementById('mdp_client').value != document.getElementById('conf_mdp_client').value) {
                         document.getElementById('FormErrors').innerHTML = document.getElementById('FormErrors').innerHTML + 'Confirmation du mot de passe incorrecte<br />';
                         document.getElementById('FormErrors').style.display = 'block';
                         check = false;
                     }
                         return check;
                }
 
            }
</script>

Pour mon formulaire voici un bout:

Code :

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

1
2
3
4
5
6
7
8
9
 
 <form name="form" method="post" action="client_enregistre.php" onsubmit="return control();">
.......
....
<td width="75%"><p><input name="nom_client" id="nom_client" class="champ" size="80"></p></td>
......
 <input type="button" class="bouton" name="OK" value="Enregistrer" onClick="control();">
...
 </form>

Voilà, je ne sais pas si je me fais comprendre! Merci d'avance!!