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();
        }
    })
 
}