Erreur de validation W3C

**Aromatic** · 12/11/2014, 16h50

Bonjour je me tourne vers vous car j'ai un soucis sur un programme html incorporant du javascript afin de réaliser une calculatrice banale.

voici mon code :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
 
 
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
		<title> Ma calculatrice</title>
 
		<script type="text/javascript">
                
                function resultat()
                {
                var x = 0;
                x= eval(window.document.calculatrice.affiche.value);
                window.document.calculatrice.affiche.value = x;
                }
                function ajouter (signe)
                {
                window.document.calculatrice.affiche.value =
                window.document.calculatrice.affiche.value + signe;
                }
                
                
   </script>
		</head>
			<body>
			  <form name="calculatrice" action="javascript" method="post">
		<table border="1">
 
 
		<td> 	<input name="affiche" size="20" maxlength="20"/> </td>
 
 
			</table>
			<table border="1">
	<tr>
		<td> <input type="button" value="7" onClick="ajouter('7')"/> </td>
		<td> <input type="button" value="8" onClick="ajouter('8')"/> </td>
		<td> <input type="button" value="9" onClick="ajouter('9')"/> </td>
		<td> <input type="button" value="+" onClick="ajouter('+')"/> </td>
	</tr>
 
	<tr>
		<td> <input type="button" value="4" onClick="ajouter('4')"/> </td>
		<td> <input type="button" value="5" onClick="ajouter('5')"/> </td>
		<td> <input type="button" value="6" onClick="ajouter('6')"/> </td>
		<td> <input type="button" value="-" onClick="ajouter('-')"/> </td>
	</tr>
	<tr>
		<td> <input type="button" value="1" onClick="ajouter('1')"/> </td>
		<td> <input type="button" value="2" onClick="ajouter('2')"/> </td>
		<td> <input type="button" value="3" onClick="ajouter('3')"/> </td>
		<td> <input type="button" value="*" onClick="ajouter('*')"/> </td>
 
	</tr>
	<tr>
		<td> <input type="button" value="=" onClick="resultat()"/> </td>
		<td> <input type="button" value="0" onClick="ajouter('0')"/> </td>
		<td> <input type="button" value="/" onClick="ajouter('/')"/> </td>
	</tr>
	<tr>
		<td> <input type="reset" value="C"/> </td>
 
		</tr>
 
 
 
			</form>
			</table>
			</body>
 
  </html>

Impossible de le valider au W3C il me trouve des erreurs que je n'arrive pas à comprendre comme. Line 29, Column 17: there is no attribute "name"

Code :

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

<form name="calculatrice" action="javascript" method="post">

ou le " devant le calculatrice et en erreur.

Ainsi que les > de table form quand je veux fermer les balises.

Je suis dans l'impasse :/

**thelvin** · 13/11/2014, 10h15

Envoyé par Aromatic

Impossible de le valider au W3C il me trouve des erreurs que je n'arrive pas à comprendre comme. Line 29, Column 17: there is no attribute "name"

Code :

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

<form name="calculatrice" action="javascript" method="post">

ou le " devant le calculatrice et en erreur.

Bah euh... C'est de l'anglais, quoi

"Il n'existe pas d'attribut "name"." Du coup il vaudrait mieux éviter d'utiliser un attribut qui n'existe pas, si tu veux que ça valide.

Envoyé par Aromatic

Ainsi que les > de table form quand je veux fermer les balises.

Il faut fermer les balises dans l'ordre inverse que tu les as ouvertes.
Exemple :

Code :

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

1
2
3
4
<body>
  <p>
  </p>
</body>

et non pas

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

1
2
3
4
<body> <p> </body> </p>

**Bovino** · 13/11/2014, 10h25

Code :

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

x= eval(window.document.calculatrice.affiche.value);

Oh non !

Il existe des façons plus propres que d'utiliser eval()...

**Aromatic** · 13/11/2014, 10h44

Ok je viens de voir mon erreur sur la fermeture des balises. Du coup je suis passé de 9 à 4 erreurs sur le W3C.

Par contre je ne vois pas ce que je pourrais mettre à la place du x=eval.

J'ai corrigé l'attribut name qui était incorrect également

Merci

**Bovino** · 13/11/2014, 10h48

Par contre je ne vois pas ce que je pourrais mettre à la place du x=eval.

De la programmation !

**Aromatic** · 17/11/2014, 13h39

J'ai trouvé pour arranger avec de la programmation. Il me reste encore 1 erreur sur mon code. Au niveau de la ligne 33 il me met en erreur le">" de la balise td en me disant document type does not allow element "td" here

Mais sauf si je me trompe les balises td servent à définir des cellules dans un tableau.

La ligne d'affichage des chiffres est considéré comme une cellule pourtant.

Erreur de validation W3C

HTML

Vue hybride

Discussions similaires

Partager

Partager