Discussion :

[Tchupa]

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 :

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

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

[SpaceFrog]

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

Code :

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

onsubmit="return focntiondeverification()"

avec une fonction qui retourne true ou false

[Tchupa]

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

Code :

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

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.

[SpaceFrog]

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

Code :

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

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

[Tchupa]

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

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

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

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.

[Tchupa]

Help me plz.