Vérification mot de passe et envoie formulaire

Fermé
jeasonp Messages postés 274 Date d'inscription dimanche 7 mars 2010 Statut Membre Dernière intervention 9 janvier 2016 - 8 sept. 2013 à 19:18
 The1511point13 - 4 mars 2015 à 10:32
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>

2 réponses

InformatiWeb Messages postés 1648 Date d'inscription lundi 21 juillet 2008 Statut Membre Dernière intervention 11 décembre 2021 450
9 sept. 2013 à 08:57
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 dimanche 7 mars 2010 Statut Membre Dernière intervention 9 janvier 2016 8
9 sept. 2013 à 17:36
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
4 mars 2015 à 10:32
<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