High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

Vérification formulaire - JavaScript

Dernière réponse le 28 fév 2009 à 21:56:06 dlperezok, le 28 fév 2009 à 15:39:07 
 Signaler ce message aux modérateurs

Bonjour,

je possède une page web sur laquelle l'utilisateur doit entrer mot de passe et login pour se connecter. J'ai tenté d'écrire un script tel que lorsqu'il écrit dans le champ, une icone "V" ou "F" apparaît selon qu'il a bien rempli ou non les formulaires. "Comment ça marche" en est un parfait exemple si vous vous rendez sur la page Inscription.

Voici ma "fonction" mais rien ne se passe:
(Pour commencer, les conditions d'acceptation du formulaire sont très simples, il suffit qu'un des deux champs soit vide pour déclencher l'icone FAUX.)

Pour info, l'image correspondant au "VRAI" est true.GIF et la fausse est false.GIF
--------------------------------------------------------------------------------------
function check(){
if(document.loginform.username.value == "" || document.loginform.password.value == ""){
document.getElementById('trueorfalse').setAttribute('SRC','ressources/true.GIF');
}
else {
checky = "ressources/true.GIF";
document.getElementById('trueorfalse').setAttribute('SRC','ressources/false.GIF');
}
}
----------------------------------------------------------------------------------------
Voici le script de la page:

<FORM NAME="loginform" METHOD="POST" ACTION="login.php">
<INPUT onFocus="check();" onClick="document.loginform.username.value='';" TYPE="TEXT" NAME="username" VALUE="My Username" SIZE="15">
<INPUT onFocus="check();" onClick="document.loginform.password.value='';" TYPE="PASSWORD" NAME="password" SIZE="15" VALUE="My Password">
<INPUT TYPE="SUBMIT" VALUE="OK"> <IMG ID="trueorfalse" HEIGHT="18" WIDTH="18" SRC="ressources\true.GIF">
</FORM>
</HTML>

MERCI d'avance :)
DL

Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « Vérification formulaire JavaScript » dans :
Javascript - Effacer un champ de formulaire lors du clic (focus) Voir
Formulaires en ligne - Les champs de saisie VoirQuelles données saisir ? Comment dois-je saisir l'information L'organisation des champs de saisie Séparer les champs de saisie L'organisation des champs et des titres La longueur des champs Quelles données saisir ? Sur la plupart des...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
Posez votre question Répondre

1

lewis34, le 28 fév 2009 à 16:00:41

Je passe rapidement, meme le WE je peut pas m'en empecher, toute la semaine devant du code mais bon quand on aime on compte pas et ton pb est simple utilise onsubmit dant ton form 

<html>
<head>
<script type="text/javascript" language="javascript">
function check()
{
var checky='';
	if(document.loginform.username.value == "" || document.loginform.password.value == "")
	{
	alert('les champs sont vides');
	//document.getElementById('trueorfalse').setAttribute('SRC','ressources/true.GIF');
	return false;
	}
	else
	{
	alert('les champs sont remplis');
	checky = "ressources/true.GIF"; 
	return true;
	//document.getElementById('trueorfalse').setAttribute('SRC','ressources/false.GIF');
	}
} 
</script>

</head>
<body>



<form   name="loginform" method="post" action="login.php" onsubmit="return check();">
<input  type="text" name="username" value="" size="15">
<input  type="password" name="password" size="15" value="">
<input  type="submit" value="OK"> <IMG ID="trueorfalse" HEIGHT="18" WIDTH="18" SRC="ressources\true.GIF">
</form>
</body>
</html>

   
Répondre à lewis34

2

dlperezok, le 28 fév 2009 à 18:29:07

Bonjour, merci bcp pour ta reponse rapide, lewis, mais ça ne semble tjs pas fonctioner...
ça ne marche toujours pas....

En fait j'ai meme essayé plutot ce script là :
------------------------------------------------------------­ --------
<SCRIPT>
function checkfirstname (checky){
if (checky == ""){
document.getElementById('imagechecky').setAttribute('SRC','ressources\false.GIF');
}

elseif (checky.length<2){
document.getElementById('imagechecky').setAttribute('SRC','ressources\false.GIF');
}

else {
document.getElementById('imagechecky').setAttribute('SRC','ressources\true.GIF');
}
}

</SCRIPT>
<P><FORM NAME="signin" METHOD="POST" ACTION="signin.php">
<TABLE BORDER=0>
<TR><TD>First name:</TD><TD>
<INPUT TYPE="text" onClick="document.signin.first_name.value=''"
NAME="first_name" onChange="checkfirstname(document.signin.first_name.value);" ></TD>
<TD><IMG SRC="ressources\false.GIF" ID="imagechecky"></TD></TR>

   
Répondre à dlperezok

3

 lewis34, le 28 fév 2009 à 21:56:06

Ben si ca marche ... en generel je test mes code avant de les poster...
mais dans ton scipt tu a une fonction checky qui n'ai jamais appelée , la evidemment ça va pas marcher (ou alors il manque une partie du code )

ce code c'est de toi ou tu a copié un code péché sur le net ?

   
Répondre à lewis34
Posez votre question Répondre
Ils ont besoin de votre aide