Heim > Web-Frontend > js-Tutorial > jQuery implementiert die Umschaltfunktion zum Anzeigen/Ausblenden von Passwörtern durch Ändern des Typattributs der Eingabe

jQuery implementiert die Umschaltfunktion zum Anzeigen/Ausblenden von Passwörtern durch Ändern des Typattributs der Eingabe

高洛峰
Freigeben: 2017-02-11 16:56:57
Original
1453 Leute haben es durchsucht

Im Allgemeinen stellen wir beim Anmelden und Registrieren eine Anforderung zur Verfügung, mit der Benutzer auswählen können, ob das von ihnen eingegebene Passwort angezeigt werden soll.

Für diese Anforderung werden wir auf jeden Fall davon ausgehen, dass das Typattribut von Die Eingabe wird dynamisch geändert (Textanzeige/Passwort ausgeblendet):

Also habe ich die $(''#id).attr('type', 'password') API verwendet, aber das Ergebnis war nicht das, was ich dachte, etwas ist schief gelaufen

HTML-Code

Uncaught Error: type property can't be changed
Nach dem Login kopieren

Es bedeutet wahrscheinlich, dass dieses Attribut nicht geändert werden kann.

Also habe ich es mit Google versucht.

Das Ergebnis ist jedoch: got ist so

HTML-Code

<input id="showPwd" class="txt" type="text" value="密码" tabindex="2" /> 
<input id="pwd" class="txt" name="password" type="password" /> 
var showPwd = $("#showPwd"), pwd = $("#pwd"); 
showPwd.focus(function(){ 
  pwd.show().focus(); 
  showPwd.hide(); 
}); 
pwd.blur(function(){ 
  if(pwd.val()=="") { 
    showPwd.show(); 
    pwd.hide(); 
  } 
});
Nach dem Login kopieren

Im Allgemeinen werden bei dieser Methode zwei Eingaben verwendet um die Anzeige hin und her zu schalten, um die eingegebenen Zeichen zu erhalten!

Ich habe diese Methode ausprobiert und sie kann implementiert werden, und es gibt nicht viel Code. Aber ich fühle mich immer komisch, sollte dieses Bedürfnis so realisiert werden? Es ist definitiv unmöglich

Normalerweise gehe ich in dieser Situation hin und schaue nach, ob die großen Hersteller dies tun, und einige große Hersteller tun dies nicht!

Aber mein Problem kann bei Google nicht gefunden werden, daher sollte es keine Lösung geben!

Das Obige ist die vom Editor eingeführte jQuery, um die Funktion zum Anzeigen und Ausblenden von Passwörtern durch Ändern des Typattributs der Eingabe zu implementieren. Wenn Sie Fragen haben, ist dies hilfreich Bitte hinterlassen Sie mir eine Nachricht. Der Herausgeber wird allen rechtzeitig antworten. Ich möchte mich auch bei Ihnen allen für Ihre Unterstützung der chinesischen PHP-Website bedanken!

Weitere Artikel zu jQuery zum Implementieren der Funktion zum Anzeigen/Ausblenden von Passwörtern durch Ändern des Typattributs der Eingabe finden Sie auf der chinesischen PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage