Discussion :

[ledisciple]

Bonjour

J'ai un formulaire que je vais vérifier côté serveur (php) Pas de problème pour la vérification. Si une erreur est recensée, php envoie ce code :

(mistake est un array contenant les différent id ...)

Code :

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

<script type=\"text/javascript\">document.getElementById('".$mistake."').value = '".$$mistake."'</script>

Pas de problème pour afficher l'erreur non plus. Par contre j'ai une erreur lors de la validation.

code source généré

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
 
<form>
...
 
<div class="contenaire_form">
 
		<div class="champ_area">
			Numéro : <input name="numrencontresaisie" id="numrencontresaisie" onchange="VerifNumRencontre()" size="8" value="" maxlength="8" type="text">
		</div>
		<div class="validation_form_javascript" id="validation_num_rencontre"><img src="images/unvalid_formulaire.png" alt="Champ du formulaire invalide"> La rencontre existe déjà</div>
	</div>
 
</form>
...
 
<script type="text/javascript">document.getElementById('validation_num_rencontre').innerHTML = '<img src="images/unvalid_formulaire.png" alt="Champ du formulaire invalide" /> La rencontre existe déjà'</script>

Il m'indique une erreur au niveau de la balise img, dans la dernière partie du code retourné ( au niveau du <script type ... )

line 260 column 322 - Erreur: document type does not allow element "img" here

Comment je peux faire pour la rectifier?

Merci

[Bovino]

Par contre j'ai une erreur lors de la validation.

La validation ne tient pas compte des modifications faites par script.
L'erreur ne vient donc pas de là.

Ceci dit, méfie-toi : la ligne indiquée par le validateur est rarement la ligne correspondante du code source.

[ledisciple]

La validation ne tient pas compte des modifications faites par script.
L'erreur ne vient donc pas de là.

oui, mais quand je retire la ligne en cause il n'y a plus d'erreur

[Bisûnûrs]

Est-ce que ta variable PHP $mistake ou les variables associées $$mistake affichent du HTML ? Comme un élément img par exemple ?

Ce qui est intéressant de voir est le code généré par le PHP, et non pas le code généré par ton script Javascript.

[ledisciple]

Pardon je me suis trompé

Je teste mon formulaire côté serveur et je mets dans un tableau $erreur, du javascript.

Code :

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

1
2
3
4
5
 
if ( mysql_num_rows($req) > 0)
		{ 
		array_push($erreur, "<script type=\"text/javascript\">document.getElementById('validation_num_rencontre').innerHTML = '<img src=\"images/unvalid_formulaire.png\" alt=\"Champ du formulaire invalide\" /> La rencontre existe déjà'</script>");
		 }

j'arrive à a fin de ma page de validation : je renvoie sur le page du formulaire en cas d'erreur ( si le tableau est rempli ou pas)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
if ( !empty($erreur) )
		{
		$mistakes = array("jour","mois","annee","numrencontresaisie");
 
		foreach( $mistakes as $mistake)
		{
			array_push($erreur, "<script type=\"text/javascript\">document.getElementById('".$mistake."').value = '".$$mistake."'</script>");
		}
 
		$_SESSION['erreur'] = $erreur;	
		header('Location: /football/AjoutRencontreSaisie.php');
		exit();
		}

Une fois sur la page du formulaire (en cas d'erreur trouvée)

le code généré est le suivant

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
<form name="form" action="ajoutrencontre.php" method="post" class="formulaire">
<div class ="contenaire_form">

		<div class="champ_area">
			Numéro : <input name="numrencontresaisie" id="numrencontresaisie" onchange="VerifNumRencontre()"  size="8" type="text" value="" maxlength="8" />
		</div>
		<div class="validation_form_javascript" id="validation_num_rencontre"></div>
	</div>
</div>
<div id="espace_bouton_envoie"><input name="confirmajoutrencontre" value="Ajouter" type="submit" /></div>
	
</form>

C'est cette partie qui fait afficher le script :
if (!empty($_SESSION['erreur']) )
	{
		foreach($_SESSION['erreur'] as $erreurs)
		{
		echo $erreurs;
		unset($_SESSION['erreur']);
		unset($erreurs);
		unset($erreur);
		}
	}



<script type="text/javascript">document.getElementById('validation_num_rencontre').innerHTML = '<img src="images/unvalid_formulaire.png" alt="Champ du formulaire invalide" /> La rencontre existe déjà'</script>

[Bisûnûrs]

C'est bien ce qu'il me semblait. Et l'image est effectivement mal placée. Il faut "échapper" le Javascript lorsqu'il est directement inclus dans le code HTML :
http://www.w3.org/TR/xhtml1/#h-4.8

[ledisciple]

merci pour le lien !! je mourrais moins bête ce soir