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>
A voir également:
- Confirmer mot de passe html
- Trousseau mot de passe iphone - Guide
- Mot de passe - Guide
- Mot de passe administrateur - Guide
- Mot de passe bios perdu - Guide
- Voir mot de passe wifi android - Guide
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;
}
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>
<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>
onsubmit="return verif()"
Et sa fonctionne :)
Un grand merci.