Vérification formulaire - JavaScript

Fermé

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 - 28 févr. 2009 à 21:56

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

A voir également:

Vérification formulaire - JavaScript
Formulaire de réclamation facebook - Guide
Telecharger javascript - Télécharger - Langages
Formulaire de reclamation instagram - Guide
Confirmer le nouvel envoi du formulaire err_cache_miss ✓ - Forum PHP
Le formulaire rempli - Guide

2 réponses

Réponse 1 / 2

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

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>

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 à 18:29

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éponse 2 / 2

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

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 ?

Discussions similaires

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire

Javascript Arrondi à 2 chiffres après la virgule

Je n'arrive plus à récuperer mon compte Outlook

Code de vérification TikTok non demandé

Google Chrome : "Nouvel envoi du formulaire"