Vérification mot de passe et envoie formulaire

jeasonp Messages postés 274 Date d'inscription   Statut Membre Dernière intervention   -  
 The1511point13 -
Bonsoir, j'ai ce code qui me permet de vérifier si le mot de passe est bien retaper.
Mais il n'empêche pas même si le mot de passe n'est pas valide, d'appuyer sur Envoyer.

Seriez-vous me m'aider a empêcher d'envoyer le formulaire si le vérification mot de passe n'est pas valide, Merci


<script>
function verif()
{
var val1 = document.getElementById("mp1").value,
val2 = document.getElementById("mp2").value,
result = document.getElementById("result");

if(val1!=val2){
result.innerHTML="Invalide !";
}
else {
result.innerHTML="Valide !";
}}
</script>



<form id="form" action="condition.html" method="post" class="stdform">
<p>
<input type="password" id="mp1" name="password" class="input-block-level" placeholder="Mot de passe" required />
</p>
<p>
<input type="password" id="mp2" onkeyup="verif();" name="password" class="input-block-level" placeholder="Vérification Mot de passe" required />
<div id="result"></div>

<button name="submit" class="btn btn-primary">Envoyer</button>
</p>
</form>
A voir également:

2 réponses

InformatiWeb Messages postés 1656 Date d'inscription   Statut Membre Dernière intervention   450
 
Bonjour,
pour empêcher un formulaire d'etre envoyé, il suffit de retourner faux:
return false;

Remplace donc ceci :
if(val1!=val2){
result.innerHTML="Invalide !";
}
par :
if(val1!=val2){
result.innerHTML="Invalide !";
return false;
}
0
jeasonp Messages postés 274 Date d'inscription   Statut Membre Dernière intervention   8
 
Merci, le retour false a cette endroit ne fonctionne pas, j'ai rajouté sa dans la balise Form

onsubmit="return verif()"

Et sa fonctionne :)

Un grand merci.
0
The1511point13
 
<html>
<head>
</head>
<body>
<script type="text/javascript">
function controle(form1) {
var password;
var pass1 = "mot de passe"; // Mettre votre mot de passe.

id=document.form1.output.value;

if(password==pass1) {
window.location= "page1.html"; // Page si le mot de passe est valide (page protegee).
} else
{
window.location= "page2.html"; // Page si le mot de passe est invalide.
}
}
// End -->
</script>
<form name="form1" action="javascript:controle(form1)">
<input type="password" name="input" value=""><BR>
<input type="button" name="bouton" value="Entrer" onClick="controle(form1)">
</form>
</body>
</html>
0