Problème avec un formulaire
Bonjour à tous !
J'ai un code de formulaire :
Code:
1 2 3 4 5
| <form action="index.php" method="post" name="form1" onSubmit="valider_formulaire(this)" enctype="multipart/form-data" >
Pseudo :<font color="#FF0000">*</font></td><td width="50%" style="text-align:right">
<input size="24" onkeyup="evalPwd(this.value);" class="formulaire" type="password" name="mdp" id="mdp" />
<label><input type="checkbox" name="regagree" value="valeur" onClick="ChangeStatut(this.form)" />J'accepte les conditions générales d'utilisation</label>
<input name="validation" type="submit" size="10" value="Valider" disabled="true"/> |
Ainsi que le JS :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
| [...]
<SCRIPT language='JavaScript'>
function valider_formulaire(thisForm){
if(thisForm.pseudo.value == ''){
document.getElementById("madiv").innerHTML = "pseudo!";
thisForm.pseudo.focus();
return false;
}
if(thisForm.mdp.value == '') {
alert('Le champ mdp doit être rempli');
thisForm.mdp.focus();
return false;
}
return true;
}
</SCRIPT> |
J'ai juste mis le code JS dont j'ai le soucis. En fait, ce code vérifie si un des champs a pas été remplis, mais mon soucis est que en cliquant sur "Valider" avec les champs vide, cela me marque bien le message "pseudo!", mais réactualise la page.
Comment faire pour que cela ne réactualise pas la page?
Merci à vous
PS : Si vous n'avez pas compris, dites le moi, je vous donnerai le lien de la page en question