11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'ai le code suivant :

<tr>
	<td>Nom :</td>
	<td><input type="text" name="formulaire_contact_nom" id="formulaire_contact_nom"/></td>
	<td id="formulaire_contact_nom_verification_image"></td>
	<td id="formulaire_contact_nom_verification_texte"></td>
</tr>



$(document).ready(
	function()
	{
		$('#formulaire_contact_nom').change(
		function()
		{
			if ( $('#formulaire_contact_nom').value == "" )
			{
				$('#formulaire_contact_nom_verification_image').html('<img src="images/erreur_16x16.png" alt="Erreur"/>');
				$('#formulaire_contact_nom_verification_texte').html('Veuillez entrer votre nom !');
			}
			else
			{
				$('#formulaire_contact_nom_verification_image').html('<img src="images/ok_16x16.png" alt="OK"/>');
				$('#formulaire_contact_nom_verification_texte').html('').value);
			}
		});
	}
);


Lorsque j'écris dans l'input, rien ne se passe !

Par contre, lorsque je quitte l'input, là, ça change !

Savez-vous pourquoi ça ne le fait pas quand j'écris dedans en direct ?

Merci,
Mathieu
Bonjour,

Merci, j'ai résolu mon problème comme ça :

		$('#formulaire_contact_nom').keyup(
		function()
		{
			if ( $(this).val().length > 0 )
			{
				$('#formulaire_contact_nom_verification').html('<img src="images/ok_16x16.png" alt="OK" align="absmiddle"/>');
			}
			else
			{
				$('#formulaire_contact_nom_verification').html('<img src="images/erreur_16x16.png" alt="Erreur" align="absmiddle"/>&nbsp;Veuillez entrer votre nom !');
			}
		});


Mathieu