Vérification mot de passe et envoie formulaire
jeasonp
Messages postés
274
Date d'inscription
Statut
Membre
Dernière intervention
-
The1511point13 -
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>
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
-
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;
}
-
<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>
