Bonsoir à tous,

je me suis mis dernièrement au JavaScript à l'approche de mes PTI de BTS
j'essaie désespérément de réaliser un contrôle de saisie sur un formulaire.

Par exemple je contrôle la syntaxe de l'email en regardant si la valeur de l'input contient "@" jusque là rien d'extraordinaire me direz-vous :p

Si l'email n'est pas correct alors j'affiche une fenêtre d'alerte.
C'est ça que je voudrais changer, j'aurais voulu qu'en fonction de la valeur dans l'input une image s'affiche à côté de ce dernier pou dire si la valeur est valide ou non.

Comme ceci :



Voici le code de l'input :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<input type="text" onblur="verifEmail();" name="email" id="email" size="10">
et la fonction javascript :

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
 
function verifEmail()
{
	if (document.getElementById('email').value.indexOf('@') == -1)
	{
		alert('Invalid email');
		return false;
	}
 
	if (document.getElementById('email').value !="")
	{
		if (document.getElementById('email').value.indexOf('@') == -1)
		{
			alert('Invalid email');
			return false;
		}
	}
}
Donc voilà si vous pouviez m'éclairer sur le sujet je vous en serais grandement reconnaissant! :p

bonne soirée