Vérification de mot de passe en JavaScript

Signaler
Messages postés
1
Date d'inscription
samedi 4 novembre 2017
Statut
Membre
Dernière intervention
7 octobre 2020
-
Bonjour,
J'aimerai que vous m'aidier à écrire un code JavaScript de vérification des champs de mot de passe reçu et si possible vérifier en cas de modification du mot de passe du premier champ

<!DOCTYPE html>
<html>
 <head>
  <title>Inscription Rapide Et Gratuite</title>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="description" content="Inscription des nouveaux clients">
   <link rel="stylesheet" href="style.css" type="text/css"/>
   <style type="text/css">
   body {
  margin: 0px;
  padding: 0px;
  background-image: url("../Images/city.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-size: 16px;
  font-family: sans-serif;
 }
 
 h2{
 color: #fff;
 text-align: center;
}
.login-box{
 text-align: center;
 margin: 30% 12.5% 40% 12.5%;
 padding: 0px 0px 20px 0px;
 height: 40%;
 width: 75%;
 background-color: #055;
 border-top: 3px solid steelblue;
 border-bottom: 3px solid steelblue;
 backgound-color: transparent;
 border-radius: 5px;
}
input[type="email"]{
 font-family: courier;
 font-size: 16px;
}
.login-box input[type="text"], input[type="email"], input[type="tel"], input[type="password"]{
 text-align: center;
 width: 70%;
 height: 20px;
 background-color: 667eea;
 border-radius: 5px;
}

#button{
 text-align: center;
 width: 35%;
 margin-top: 10px;
 padding: 5px;
 background-color: #667eea;
 border-radius: 5px;
}
#button:hover{
 padding: 7px;
 box-shadow: 2px 1px 3px red;
}
a{
 font-size: 15px;
}

   </style>
  </head>
 <body>
 
  <form method="post" action="Traitement.php">
   <div class="login-box">
   
    <h2>Inscrivez-Vous Gratuitement !</h2>
    
    <label for="prenom">Prenom:</label><br>
    <input type="text" name="prenom" id="prenom" placeholder="Entrez votre prénom" autofocus="autofocus" autocomplete="on"><br>
    
    <label for="nom">Nom:</label><br>
    <input type="text" name="nom" id="nom" placeholder="Entrez votre nom" autocomplete="on"><br>
    
    <label for="username">Nom d'utilisateur:</label><br>
    <input type="text" name="username" id="username" placeholder="Entrez votre nom d'utilisateur" autocomplete="on"><br>
    
    <label for="email">Adresse mail:</label><br>
    <input type="email" name="mail" id="email" placeholder="Entrez votre adresse E-mail" autocomplete="on"><br>
    
    <label for="tel"> Telephone</label></br>
    <input type="tel" id="tel" name="tel" placeholder="Entrez votre numéro de téléphone"><br>
    
    <label for="pass1">Mot de passe:</label><br>
    <input type="password" name="password" id="pass1" placeholder="Entre votre mot de passe"><br>
    
    <label for="pass2">Mot de passe:</label><br>
    <input type="password" name="password" id="pass2" placeholder="confirmez votre mot de passe"><br>
    
    <input type="radio" name="sex" id="home">
    <label for="home">Home</label>
        
    <input type="radio" name="sex" id="femme">
    <label for="femme">Femme</label><br>        

    <input type="checkbox" name="ok" id="ok" checked>
    <label for="ok">J'ai lus et accepté(e)</label>
    
    <a href="Cond_user">les conditions d'utilisation.</a><br><br>
    <input type="submit" value="Inscription" id="button"> 
    <a href="Connexion.html">Connexion</a>
   </div>
 </body>
</html>


EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ICI

Merci d'y penser dans tes prochains messages.