Bonjour, je suis nouveau sur ce forum, j'ai un projet a rendre pour mes études se soir à 23h42, et je dois créer un formulaire, et le valider avec js, je n'ai jamais fais de java script alors si je pouvais avoir de l'aide ca serait génial ! j'ai essayer quelque chose mais cela ne donne rien du tout il ne se passe rien ! Pour l'instant j'ai essayer seulement pour le champs "nom". Merci a vous pour votre aide
Mon code html:
Code HTML : 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="my_style.css"> <script type="text/javascript" src="my_script.js"></script> <title>Formulaire</title> </head> <body> <form name="myForm" action="my-form" id="form" method="post" onSubmit="return validation()"> <div> <label class="border" for="homme" >Sexe :</label> <input type="radio" id="homme" name="sexe" value="homme"> <label for="homme">Homme</label> <input type="radio" id="femme" name="sexe" value="femme"> <label for="femme">Femme</label> <input type="radio" id="autre" name="sexe" value="autre"> <label for="autre">Autre</label> </div> <br> <div> <label for="civilite">Civilité</label> <select name="civilite" id="civilite"> <option value="monsieur">M.</option> <option value="madame">Mme.</option> </select> </div> <br> <div> <label for="nom">Nom:</label> <input type="text" id="nom" name="nom" minlength="2"> </div> <br> <div> <label class="border" for="email">Email:</label> <input type="email" id="email" size="28" > </div> <br> <div> <label for="tel">Telephone:</label> <input type="tel" id="tel" name="tel" required> </div> <br> <div> <label for="website">Website :</label> <input type="url" name="website" id="website" pattern="https://.*" size="30" required> </div> <br> <div> <label class="border" for="date">Date de naissance :</label> <input type="date" id="date" name="naissance" min="1980-01-01"> </div> <br> <div> <label for="jeuxvideo">Hobbies :</label> <input type="checkbox" id="jeuxvideo" name="jeuxvideo"> <label for="jeuxvideo">Jeux video</label> <input type="checkbox" id="cinema" name="cinema" > <label for="cinema">Cinema</label> <input type="checkbox" id="lecture" name="lecture" > <label for="lecture">Lecture</label> <input type="checkbox" id="sport" name="sport"> <label for="sport">Sport</label> <input type="checkbox" id="informatique" name="informatique"> <label for="informatique">Informatique</label> </div> <br> <div> <input type="hidden" id="token" name="token" value="my first website"> </div> <div> <input type="submit" id="bouton" value="Validation"> </div> </form> </body> </html>
Mon code 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 window.onload=function(){ var form = document.getElementById('form'); form.addEventListener('submit', function(validation){ var name = document.getElementById('nom'); if(name.value.trim() == ""){ var error = document.getElementById('error'); error.innerHTML = "eee"; error.style.color ="red"; validation.preventDefault(); } }) }
Partager