Formulaire d'inscription

Bonjour , voilà je rencontre actuellement un problème avec mon formulaire d'inscription.

En effet dans celui-ci je vérifie si les champs obligatoires sont bien rempli grâce au javascript.

Le problème que je rencontre une fois le javascript mit, il ne fonctionne plus.

Voici mon formulaire:

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
 
<form method="post" action="inscription2.html" name="inscription">
 
<p><img src="style/images/puce.gif" alt="" width="30" height="10"/> <b>Vos identifiants:</b></p>
<table cellspacing="0" cellpadding="5" border="0" width="700">
	<tr>
		<td width="250"> Adresse email * : </td>
		<td width="450"> <input type="text" style="width:100%;" name="mail" value="<?php if(isset($_POST['mail'])) echo($_POST['mail']);?>" /></td>
	</tr>
	<tr>
		<td> Mot de passe * : </td>
		<td> <input type="password" style="width:100%;" name="password" value="" /></td>
	</tr>
	<tr>
		<td> Confirmer mot de passe * : </td>
		<td> <input type="password" style="width:100%;" name="confirmPassword" value="" /></td>
	</tr>
</table>
<hr/>
<p><img src="style/images/puce.gif" alt="" width="30" height="10"/> <b>Vos coordonnées:</b></p>
 
 
<table cellspacing="0" cellpadding="5" border="0" width="700">
	<tr>
		<td width="250"> Nom * : </td>
		<td width="450"> <input type="text" style="width:100%;" name="nom" value="<?php if(isset($_POST['nom'])) echo($_POST['nom']);?>" /></td>
	</tr>
	<tr>
		<td> Prenom * : </td>
		<td> <input type="text" style="width:100%;" name="prenom" value="<?php if(isset($_POST['prenom'])) echo($_POST['prenom']);?>" /></td>
 
	</tr>
	<tr>
		<td> Adresse * : </td>
		<td> <textarea name="adresse" cols="61"  rows="5"><?php if(isset($_POST['adresse'])) echo($_POST['adresse']);?></textarea></td>
	</tr>
	<tr>
		<td> Code Postal * : </td>
		<td> <input type="text" style="width:100%;" name="code_postal" value="<?php if(isset($_POST['code_postal'])) echo($_POST['code_postal']);?>" /></td>
	</tr>
	<tr>
		<td> Ville * : </td>
		<td> <input type="text" style="width:100%;" name="ville" value="<?php if(isset($_POST['ville'])) echo($_POST['ville']);?>" /></td>
	</tr>
	<tr>
		<td> Téléphone : </td>
		<td> <input type="text" style="width:100%;" name="telephone" value="<?php if(isset($_POST['telephone'])) echo($_POST['telephone']);?>" /></td>
	</tr>
</table>
<hr/>
<p><img src="style/images/puce.gif" alt="" width="30" height="10"/> <b>Adresse de livraison:</b></p>
<table cellspacing="0" cellpadding="5" border="0" width="700">
	<tr>
		<td width="250"> Nom  * : </td>
		<td width="450"> <input type="text" style="width:100%;" name="nom_livraison" value="<?php if(isset($_POST['nom_livraison'])) echo($_POST['nom_livraison']);?>" /></td>
	</tr>
	<tr>
		<td> Prénom * : </td>
		<td> <input type="text" style="width:100%;" name="prenom_livraison" value="<?php if(isset($_POST['prenom_livraison'])) echo($_POST['prenom_livraison']);?>" /></td>
	</tr>
	<tr>
		<td> Adresse * : </td>
		<td> <textarea name="adresse_livraison" cols="61" rows="5"><?php if(isset($_POST['adresse_livraison'])) echo($_POST['adresse_livraison']);?></textarea></td>
	</tr>
	<tr>
		<td> Code postal * : </td>
		<td> <input type="text" style="width:100%;" name="code_postal_livraison" value="<?php if(isset($_POST['code_postal_livraison'])) echo($_POST['code_postal_livraison']);?>" /></td>
	</tr>
	<tr>
		<td> Ville * : </td>
		<td> <input type="text" style="width:100%;" name="ville_livraison" value="<?php if(isset($_POST['ville_livraison'])) echo($_POST['ville_livraison']);?>" /></td>
	</tr>
	<tr>
		<td> Département *: </td>
		<td><select type="select" name="departement">
		<option></option>
		<option>test</option>
		</select></td>
	</tr>
</table>
 
<hr/>
<input type="checkbox" name="newsletter"/> Je désire recevoir toutes les offres concernant votre société<br/>
<hr/>
<p>
	<img src="images/captcha/captcha.php" alt="" /><br/>
	<input type="text" size="6" value="" id="captcha" name="codeVerif" />
	<font size="2"><i>Veuillez saisir le code de sécurité</i></font>
</p><i>* Champs obligatoire</i>
<br/><br/>
	<input type="button" value="S'inscrire" onclick="javascript:soumettre();"/>
</form>

Le contenu de mon fichier inscription.js

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
function soumettre()
{
	var erreur = "";
	var formulaire = document.inscription;
 
		if(formulaire.mail.value == "") erreur = erreur + "Veuillez entrer une adresse mail\n";
 
		if(formulaire.password.value.lenght < 6 ) erreur = erreur + "Veuillez saisir un mot de passe d'au moins 6 caractères\n";
 
		if(formulaire.password.value != formulaire.confirmPassword.value) erreur = erreur + "Vous avez entrez deux mots de passe différent\n";
 
		if(formulaire.nom.value == "" || formulaire.prenom.value == "" || formulaire.adresse.value == "" || formulaire.code_postal.value == "" || formulaire.ville.value == "" || formulaire.telephone.value == "" ) erreur = erreur + "Veuillez remplir tout les champs vos coordonnées\n";
 
		if(formulaire.nom_livraison.value == "" || formulaire.prenom_livraison.value == "" || formulaire.adresse_livraison.value == "" || formulaire.code_postal_livraison.value == "" || formulaire.ville_livraison.value == "") erreur = erreur + " Veuillez remplir tous les champs de vos coordonnées de livraison\n";
 
		if( erreur == "") formulaire.submit();
			else alert( "Erreur :\n" + erreur);
}

En gros si je fais express d'oublier un champ , je reçois bien les messages d'erreurs.
Une fois tout les champs remplir quand je cliques sur s'inscrire il se passe rien.

Par contre si je retire l'appel de fonction et remplace le type button par un submit donc il n'y a plus de vérification des champs par le javascripts, l'inscription fonctionne correctement.

Si quelqu'un peut me venir en aide.
cordialement Tchupa.

http://www.developpez.net/forums/d55...on-formulaire/

Code:

onsubmit="return focntiondeverification()"

avec une fonction qui retourne true ou false

Citation:

Envoyé par SpaceFrog

http://www.developpez.net/forums/d55...on-formulaire/

Code:

onsubmit="return focntiondeverification()"

avec une fonction qui retourne true ou false

:(

Sans vouloir vous offensez je préférerais que l'on m'aide a corriger mes propres erreurs afin de m'améliorer.

Ben c'est pas ce que j'essaye de faire ??????

Code:

<form method="post" action="inscription2.html" name="inscription">

il est ou le onsubmit ...
je t'oriente vers un artcile qui montre comment procéder à la verfication de champs de formulaire avant envoi ..

Bien tant que mal j'essaie d'adapter mon inscription.js selon votre article, mais n'étant pas très copain avec le javascript, je vous avoue que j'ai beaucoup de mal.

Voici mon nouveau fichier inscription.js , je penses qu'il doit y avoir beaucoup d'erreur :bug:

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
 
function soumettre()
	{
 
		var AllIsOk=0;	
		var erreur = "";
		var formulaire = document.inscription;
 
		if(formulaire.mail.value == "")  erreur = erreur + "Veuillez entrer une adresse mail\n"
 
		{AllIsOk++;}
 
		if(formulaire.password.value.lenght < 6 ) erreur = erreur + "Veuillez saisir un mot de passe d'au moins 6 caractères\n"
 
		{AllIsOk++;}	
 
		if(formulaire.password.value != formulaire.confirmPassword.value) erreur = erreur + "Vous avez entrez deux mots de passe différent\n"
 
		{AllIsOk++;}
 
		if(formulaire.nom.value == "" || formulaire.prenom.value == "" || formulaire.adresse.value == "" || formulaire.code_postal.value == "" || formulaire.ville.value == "" || formulaire.telephone.value == "" ) erreur = erreur + "Veuillez remplir tout les champs vos coordonnées\n"
 
		{AllIsOk++;}
 
		if(formulaire.nom_livraison.value == "" || formulaire.prenom_livraison.value == "" || formulaire.adresse_livraison.value == "" || formulaire.code_postal_livraison.value == "" || formulaire.ville_livraison.value == "") erreur = erreur + " Veuillez remplir tous les champs de vos coordonnées de livraison\n"
 
		{AllIsOk++;}
 
		return (AllIsOk==0); 
		if( erreur == "") formulaire.submit();
			else alert( "Erreur :\n" + erreur);
}

Dans mon formulaire d'inscription maintenant j'ai

Code:

1
2
3
4
5
6
7
8
9
 
<form method="post" action="inscription2.html" name="inscription" onsubmit="return soumettre()">
 
 
.... formulaire
 
 
<input type="submit" value="S'inscrire"  />
</form>

Mais ça ne veut toujours pas fonctionner.

Help me plz. :?