FORM - input submit ne fait rien

Version imprimable

Salut à tous et à toutes ! :coucou:

Je rencontre actuellement un problème bénin, mais dont la cause m'échappe :
Le bouton "submit" de mon formulaire ne me redirige nulle-part, et rien ne se produit quand je clique dessus.

J'ai vérifié l'écriture, les balises, etc... Je n'ai rien trouvé :koi:

Si vous avez une idée...

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
 
<form method="post" action="works/submit_wrk.php">
 
        <!--USER INFORMATIONS-->
	<div id="subform_part_civ">
		<label for="civility">CIVILITÉ :</label>
		<div>
			<input type="radio" name="civility" value="M." id="male" />
			<label for="male">M.</label>
		</div>
		<div>
			<input type="radio" name="civility" value="Mme." id="female" />
			<label for="female">Mme.</label>
		</div>
	</div>
	<div>
		<label for="nom">NOM :	</label>
		<input type="text" name="nom" id="nom" pattern="[a-zA-Z0-9]+" required />
	</div>
	<div>
		<label for="prenom">PRÉNOM :	</label>
		<input type="text" name="prenom" id="prenom" pattern="[a-zA-Z0-9]+" required />
	</div>
 
	<div>
		<label for="pss_wrd">MOT DE PASSE :	</label>
		<input type="password" name="pss_wrd" id="pss_wrd" pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).*$" required />
	</div>
	<!--CONFIRM-->
	<div>
		<label for="pss_confirm">CONFIRMEZ LE MOT DE PASSE :	</label>
		<input type="password" name="pss_confirm" id="pss_confirm" pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).*$" required />
	</div>
 
	<div>
		<label for="user_email">ADRESSE eMAIL :	</label>
		<input type="email" name="mail" id="mail" required />
	</div>
	<div>
		<label for="tel">NUMÉRO DE TÉLÉPHONE : </label>
		<input type="tel" name="tel" id="tel" pattern="^(?:0|\(?\+33\)?\s?|0033\s?)[1-79](?:[\.\-\s]?\d\d){4}$" required />
	</div>
	<div>
		<label for="adr">ADRESSE :</label>
		<input type="text" name="adr" required />
	</div>
	<div id="subform_part_adrcomp">
		<div>
			<label for="cp">CODE POSTAL :</label>
			<input type="text" maxlength="5" pattern="[0-9]{5}" name="cp" id="cp" required />
		</div>
		<div>
			<label for="city">VILLE :</label>
			<input type="text" name="city" required />
		</div>
	</div>
 
	<!--USER PARAMETERS-->
	<div class="subform_part_check">
		<input type="checkbox" name="nl" id="nl" checked="checked" />
		<label for="nl">Je souhaites recevoir par mail les offres promotionnelles de XXX et de ses partenaires.</label>
	</div>
	<div class="subform_part_check">
		<input type="checkbox" name="fid" id="fid" />
		<label for="fid">Je souhaite souscrire au programme de fidélité XXX.</label>
	</div>
	<div class="subform_part_check">
		<input type="checkbox" name="cgus" id="cgus" required />
		<label for="cgus">J'ai lù et j'acceptes les <a href="#cgu">Conditions Générales d'Utilisation</a>.</label>
	</div>
 
	<!--PART_BALISE-->
	<input type="hidden" name="type" value="part" />
 
	<!--SUBMITION-->
	<input id="subform_part_valid" type="submit" value="S'inscrire" />
 
</form>

P.S. : Si je peux améliorer quoi que ce soit en terme de sécurité à la saisie, faut pas hésiter ! :aie:

Merci d'avance

13/06/2019, 12h03
Invité

Bonjour,

il faut que TOUS les champs marqués required soient remplis.

Sinon (selon le navigateur), ils prennent une bordure rouge, et le formulaire n'est pas soumis.
13/06/2019, 12h09
v4lUs

Citation:

Envoyé par jreaux62

Il faut que TOUS les champs marqués required soient remplis.

Chose faite, bien sur j'ai vérifié que les champs requis étaient remplis, et qu'aucun champs ne contenait de caractère incompatible avec son pattern.
De toute façon, comme tu l'a précisé, mon navigateur me l'aurait affiché.

Modification du code

Après une brève revue de mon formulaire, j'ai supprimé quelques patterns, et refais un essai, toujours pas concluant :?

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
<form method="post" action="works/submit_wrk.php">
	<div id="subform_part_civ"> <!--CIVILITÉ-->
		<label for="civility">CIVILITÉ :</label>
		<div> <!--Monsieur-->
			<input type="radio" name="civility" value="M." id="male" />
			<label for="male">M.</label>
		</div>
		<div> <!--Madame-->
			<input type="radio" name="civility" value="Mme." id="female" />
			<label for="female">Mme.</label>
		</div>
	</div>
	<div> <!--NOM-->
		<label for="nom">NOM :	</label>
		<input type="text" name="nom" id="nom" required />
	</div>
	<div> <!--PRENOM-->
		<label for="prenom">PRÉNOM :	</label>
		<input type="text" name="prenom" id="prenom" required />
	</div>
	<div> <!--MOT DE PASSE-->
		<label for="pss_wrd">MOT DE PASSE :	</label>
		<input type="password" name="pss_wrd" id="pss_wrd" pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).*$" required />
	</div>
	<div> <!--CONFIRMATION DU MDP-->
		<label for="pss_confirm">CONFIRMEZ LE MOT DE PASSE :	</label>
		<input type="password" name="pss_confirm" id="pss_confirm" pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).*$" required />
	</div>
	<div> <!--ADRESSE MAIL-->
		<label for="user_email">ADRESSE eMAIL :	</label>
		<input type="email" name="mail" id="mail" required />
	</div>
	<div> <!--TELEPHONE-->
		<label for="tel">NUMÉRO DE TÉLÉPHONE : </label>
		<input type="tel" name="tel" id="tel" required />
	</div>
	<div> <!--ADRESSE-->
		<label for="adr">ADRESSE :</label>
		<input type="text" name="adr" required />
	</div>
	<div id="subform_part_adrcomp"> <!--COMPLEMENTS D'ADRESSE-->
		<div> <!--CODE POSTAL-->
			<label for="cp">CODE POSTAL :</label>
			<input type="text" maxlength="5" pattern="[0-9]{5}" name="cp" id="cp" required />
		</div>
		<div> <!--VILLE-->
			<label for="city">VILLE :</label>
			<input type="text" name="city" required />
		</div>
	</div>
	<div class="subform_part_check"> <!--NEWLETTER-->
		<input type="checkbox" name="nl" id="nl" checked="checked" />
		<label for="nl">Je souhaites recevoir par mail les offres promotionnelles	de XXX et de ses partenaires.</label>
	</div>
	<div class="subform_part_check"> <!--FIDELITE-->
		<input type="checkbox" name="fid" id="fid" />
		<label for="fid">Je souhaite souscrire au programme de fidélité XXX.</label>
	</div>
	<div class="subform_part_check"> <!--CGUS-->
		<input type="checkbox" name="cgus" id="cgus" required />
		<label for="cgus">J'ai lù et j'acceptes les <a href="#cgu">Conditions Générales d'Utilisation</a>.</label>
	</div>
	<input type="hidden" name="type" value="part" /> <!--BALISE DE TYPE-->
        <input id="subform_part_valid" type="submit" value="S'inscrire" /> <!--VALIDATION-->
</form>

13/06/2019, 13h45
thelvin

Hello,

il faut que tu comprennes que nous, quand on copie ça et qu'on le colle dans un fichier à nous et qu'on essaie, le bouton submit marche.

Donc :

- montre-nous tout ce que tu fais. Pas juste le formulaire, le fichier entier. Et aussi, comment tu essaies ce fichier.
- t'es gentil tu enlèves tous ces champs et tu en gardes un ou deux. Tu les remettras quand le problème sera réglé. Tu es en train d'essayer de corriger un problème, là, tu as autre chose à faire que t'occuper de tous ces champs.
13/06/2019, 13h56
v4lUs

"Je suis gentil" et je vous fiche la paix, j'ai corrigé le problème. J'ai juste relancé WAMP et mon navigateur. Merci à tous !