Vérification formulaire - JavaScript

dlperezok Messages postés 27 Date d'inscription Statut Membre Dernière intervention -
lewis34 Messages postés 2557 Date d'inscription Statut Membre Dernière intervention - 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

Afficher la suite

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

Réponse 1 / 2

lewis34 Messages postés 2557 Date d'inscription Statut Membre Dernière intervention 352

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 Statut Membre Dernière intervention

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 Statut Membre Dernière intervention 352

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

Vérification de l’identité du serveur impossible sur IPHONE

Code de vérification TikTok non demandé

java script error in the main process

Votre réponse

Discussions similaires