Show – Passwort auf der Seite für den Online-Checkout ausblenden

In Bezug auf diese Frage Passwort während der Eingabe auf der Anmeldeseite “Mein Konto” anzeigen

Ich versuche, die function zum Anzeigen oder Verbergen eines Passworts hinzuzufügen, wenn jemand ein Konto auf der Woocommerce Checkout-Seite erstellt.

Ich habe hier auf Stackexchange zwei Lösungen gefunden, die gut aussehen, aber ich weiß nicht, wie ich es in WordPress und Woocommerce implementieren soll . Hier sind die Links zu Codebeispielen der beiden Lösungen.

  1. http://jsfiddle.net/herdiansc/dnznh/8/
  2. https://codepen.io/GBMahili/pen/pEvVZP

Die zweite sieht schöner aus, aber die erste scheint einfacher zu implementieren.

Wie ich versucht habe es zu implementieren Ich habe eine js Datei hideShowPassword.js und das Feld #test1 in #account_password .

 (function ($) { $.toggleShowPassword = function (options) { var settings = $.extend({ field: "#password", control: "#toggle_show_password", }, options); var control = $(settings.control); var field = $(settings.field) control.bind('click', function () { if (control.is(':checked')) { field.attr('type', 'text'); } else { field.attr('type', 'password'); } }) }; }(jQuery)); $.toggleShowPassword({ field: '#account_password', control: '#test2' }); 

Dann habe ich die js-Datei über Enque-Skripte in der Datei function.php hinzugefügt

 function wpb_adding_scripts() { wp_enqueue_script( 'show_hide', get_stylesheet_directory_uri() . '/includes/js/hideShowPassword.js', array( 'jquery' ) ); } add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' ); 

Das Problem ist nun, dass die js-Datei ein zusätzliches Kontrollfeld namens #test2 in der Nähe des Passwort-Eingabefeldes #account_password . Woocommerce-Passwortfeld im Checkout-Prozess Meine Idee war, die zugehörige PHP-Datei, die das Feld #account_password in mein Child-Theme zu kopieren und einfach dieses Required-Feld #test2 . Aber wenn ich eine Suche mit Netbeans in allen meinen Projektdateien durchführe, gibt es keine Datei, die id = account_password enthält . Der Ausdruck account_password tritt nur in css-fieles auf.

Also meine zweite Idee ist, das Feld #test2 über die Datei functions.php hinzuzufügen. Aber ich weiß nicht, wie ich das machen soll. Hat jemand eine Idee? Oder ist der Weg, die function “show hide” komplett zu implementieren?

Solutions Collecting From Web of "Show – Passwort auf der Seite für den Online-Checkout ausblenden"