Passwort bei der Registrierung sichtbar machen

**Supermann** · 01.03.2022, 10:09

Hallo, ich habe ein Script mit dem ich das Passwort beim Login im Frontend sichtbar machen kann, das Script funktioniert beim Login einwandfrei, weshalb ich dieses auch gerne bei der Registrierung einsetzen möchte. Da bei der Registrierung das Passwort aber zusätzlich noch einmal eingeben werden muss, ist es mit dem Script wegen der unterschiedlichen IDs der Formularfelder nicht möglich mit nur einer Checkbox gleichzeitig beide Felder sichtbar zu machen, sondern ich müsste das Script zweimal einbinden. Kann mir jemand hier evtl. helfen wie ich das Script so ändern kann das es zwei unterschiedliche IDs mit nur einer Checkbox sichtbar machen kann? Also gleichzeitig für das Passwort und Passwort Bestätigung Feld.

Code:

<script>
function myFunction() {
  var x = document.getElementById("myInput");
  if (x.type === "password") {
    x.type = "text";
  } else {
    x.type = "password";
  }
}
</script>

Schon einmal ganz lieben DANK für eventuelle Hilfe und grüße aus Löhne

**fiedsch** · 01.03.2022, 10:14

Falls Du im Frontend ohnehin jQuery verwendest könntest Du vielleicht etwas wie

Code:

$('input[type=password]').type = 'text';

machen (ungetestet!).

Edit: fix typo

**Supermann** · 01.03.2022, 10:18

Hallo, danke für den Tipp, aber ich möchte nicht das Passwort immer angezeigt bekommen, sondern das es über einen Klick auf sichtbar oder unsichtbar geschaltet werden kann.

Grüße

***lucina*** · 01.03.2022, 10:20

Beispielsweise so: https://codepen.io/kikmedia/pen/PoOxZvM

**Supermann** · 01.03.2022, 10:28

Hallo, ja genau so habe ich das im Login auch eingebaut, nur bei der Registrierung funktioniert das eben wegen der zwei unterschiedliche Passwort eingaben leider nicht. Gibt es Dein Script auch so das es mit der Registrierung funktioniert?

Bei dem Login war es relativ einfach, denn man kann dort im Template das Inputfeld direkt manipulieren, bei dem Registrierungsformular geht das ja leider nicht so einfach, weshalb ich dort mit einer Checkbox arbeiten muss die dann aber beide IDs bedient.

Grüße