Wachtwoordzichtbaarheid in JS wijzigen-Codevoorbeelden

Radu TM

Wachtwoordzichtbaarheid in JS wijzigen

JavaScript door Radu TM June 12, 2022

// Deze functie schakelt de zichtbaarheid van het wachtwoord in
function togglePasswordVisibility() {

  // Haal het wachtwoordinvoerelement op
  var passwordInput = document.getElementById('password');

  // Haal de afbeelding van de wachtwoordzichtbaarheid op
  var passwordVisibilityImage = document.getElementById('password-visibility');

  // Als het wachtwoordinvoerelement momenteel is ingesteld op type = "wachtwoord
  if (passwordInput.type === 'password') {

    // Zet het wachtwoordinvoerelement in op type = "tekst
    passwordInput.type = 'text';

    // Zet de afbeelding van de wachtwoordzichtbaarheid in op de afbeelding "Wachtwoord weergeven
    passwordVisibilityImage.src = 'show-password.png';
  }
  // Als het wachtwoordinvoerelement momenteel is ingesteld op type = "tekst
  else {
    // Zet het wachtwoordinvoerelement in op type = "wachtwoord
    passwordInput.type = 'password';

    // Zet de afbeelding van de wachtwoordzichtbaarheid in op de afbeelding "Wachtwoord verbergen
    passwordVisibilityImage.src = 'hide-password.png';
  }
}

0

20.533

Wachtwoordzichtbaarheid in JS wijzigen

JavaScript door Radu TM June 12, 2022

// Dit zal het wachtwoord zichtbaarheid in- en uitschakelen wanneer erop wordt geklikt
function togglePasswordVisibility() {
  var passwordInput = document.getElementById('password');
  var checkbox = document.getElementById('togglePasswordVisibility');

  // Als het selectievakje is aangevinkt, wordt het wachtwoord invoertype op "text" ingesteld
  if (checkbox.checked) {
    passwordInput.type = 'text';
  }
  // Anders wordt het wachtwoord invoertype op "password" ingesteld
  else {
    passwordInput.type = 'password';
  }
}

0

20.533

Gerelateerde JavaScript-zoekopdrachten

Laatste JavaScript-zoekopdrachten

Verkennen codevoorbeelden per categorie