Bonjour,
j'ai trouvé un code pour effectuer cette action:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 function show() {
    var p = document.getElementById('pwd');
    p.setAttribute('type', 'text');
  }
  function hide() {
    var p = document.getElementById('pwd');
    p.setAttribute('type', 'password');
  }
  var pwShown = 0;
  document.getElementById("eye").addEventListener("click", function () {
    if (pwShown == 0) {
      pwShown = 1;
      show();
    } else {
      pwShown = 0;
      hide();
    }
  }, false);
avec le php suivant
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
<div class="form-group <?php if (array_key_exists('mdp', $errors) || array_key_exists('mdpconfirm',
      $errors)) echo 'has-error'; ?>">
      <div class="input-group form-group">
        <div class="input-group-prepend">
          <span class="input-group-text"><i class="fas fa-key"></i></span>
        </div>
        <input type="password" id="pwd" name="mdp" class="form-control" placeholder="Password" aria-describedby="pwdHelpBlock">
        <button type="button" id="eye" style="color:#FFF;background-color:#556b2f"><i class="far fa-eye"></i></button>
      </div>
    </div>
Ce qui fonctionne très bien, mais si j'ai besoin d'une confirmation de mot de passe
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
<div class="form-group <?php if (array_key_exists('mdpconfirm', $errors)) echo 'has-error'; ?>">
      <label for="mdpconfirm">Confirmation du mot de passe :</label>
      <div class="input-group form-group">
        <div class="input-group-prepend">
          <span class="input-group-text"><i class="fas fa-key"></i></span>
        </div>
        <input type="password"  id="pwd" name="mdpconfirm" class="form-control" placeholder="Password" aria-describedby="pwdHelpBlock"/>
        <button type="button" id="eye" style="color:#FFF;background-color:#556b2f"><i class="far fa-eye"></i></button>
      </div>
    </div>
L'affichage ne s'active pas sur le deuxième champ.
Merci d'avance pour vos conseils