Vérification formulaire - JavaScript
dlperezok
Messages postés
27
Date d'inscription
samedi 28 février 2009
Statut
Membre
Dernière intervention
29 juin 2009
-
28 févr. 2009 à 15:39
lewis34 Messages postés 2557 Date d'inscription samedi 21 juillet 2007 Statut Membre Dernière intervention 30 mai 2015 -
lewis34 Messages postés 2557 Date d'inscription samedi 21 juillet 2007 Statut Membre Dernière intervention 30 mai 2015 -
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
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
A voir également:
- Vérification formulaire - JavaScript
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook - Guide
- Formulaire de reclamation instagram - Guide
- Verification lien internet - Guide
- Verification windows 11 - Guide
2 réponses
lewis34
Messages postés
2557
Date d'inscription
samedi 21 juillet 2007
Statut
Membre
Dernière intervention
30 mai 2015
352
28 févr. 2009 à 16:00
28 févr. 2009 à 16:00
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>
lewis34
Messages postés
2557
Date d'inscription
samedi 21 juillet 2007
Statut
Membre
Dernière intervention
30 mai 2015
352
28 févr. 2009 à 21:56
28 févr. 2009 à 21:56
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 ?
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 ?
28 févr. 2009 à 18:29
ç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>