Impossible d'affecter du code CSS
Bonsoir,
J'ai un code qui consiste à saisir un pseudo et un email, une fois celui-ci valide je clique sur le bouton validé et ce bouton doit mettre en fond rouge la valeur fausse
remarque : pour avoir une valeur fausse il suffit de saisir un pseudo avec des caractère :"('-"-'&é'"('""
(or ceci ne fonctionne que au code pas de façon permanente).
Je ne vois pas d'ou peux venir mon erreur.
Voici mon code :
code javascript
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
| function est_alphanumerique(chaine) {
//cette fonction verifie si le caractere est alphanumerique des lettres majuscules et miniscules et des nombres
var i;
for (i = 0; i < chaine.length; i = i + 1) {
if (chaine.charCodeAt(i) < 48 || (chaine.charCodeAt(i)>=58 && chaine.charCodeAt(i)<=64)||(chaine.charCodeAt(i)>=91 && chaine.charCodeAt(i)<=96)||chaine.charCodeAt(i)>=123) {
return 0;
}
}
return 1;
}
function est_correcte_mail(mail) {
//cette fonction verifie le mail avec présence d'un seul @ et d'un seul point avec au moins 2 caractères avant et après le point
var i;
var point=0;
var arob=0;
var nb=0;
var nb1=0;
for (i = 0; i < mail.length; i = i + 1) {
if (mail.charCodeAt(i) == 64) {
nb=nb+1;
arob=i;
}
if (mail.charCodeAt(i) == 46) {
nb1=nb1+1;
point=i;
}
}
if (nb > 1 || nb1 > 1) {
return 0;
} else {
if (point-arob>=3 && mail.length-1-point>=2) {
return 1;
} else {
return 0;
}
}
}
function desactiver_validation() {
}
function verification_formulaire() {
"use strict";
var pseudo = document.getElementById("pseudo").value;
var mail = document.getElementById("mail").value;
var i = 0;
var erreur=0
if (8 <= pseudo.length && pseudo.length <= 25) {
if (est_alphanumerique(pseudo)) {
if (mail.length <= 25) {
if(est_correcte_mail(mail)) {
alert("Compte enregistré");
//c'est à cette ligne ci-dessus que le code ne fonctionne pas
document.getElementById("bouton").setAttribute("disabled", "true");
}
else
{
erreur=2;
}
}
else
{
erreur=2;
}
}
else
{
erreur=1;
}
}
else
{
erreur=1;
}
if (erreur==1) {
document.getElementById("pseudo").style.backgroundColor = "red";
}
if (erreur==2) {
document.getElementById("mail").style.backgroundColor = "red";
}
} |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| <!DOCTYPE html>
<html lang="fr">
<head>
<link rel="stylesheet" href="style.css" />
<title>TP7_exo1</title>
<script src="scripts.js"></script>
</head>
<body>
<form>
<p>
<label for="pseudo">Votre pseudo :</label>
<input maxlength="30" type="text" name="pseudo" id="pseudo" />
<br/>
<label for="mail">Votre adresse mail :</label>
<input maxlength="30" type="mail" name="mail" id="mail" />
<input id="bouton" type="submit" onClick="verification_formulaire()" value="Valider" />
</p>
</form>
</body>
</html> |
Code:
1
2
3
4
| body
{
background-color:gray;
} |
Voici les liens pour tester le code:
https://154160.playcode.io/?pseudo=&mail=
https://playcode.io/154167?tabs=cons...ex.html&output
