Maison >interface Web >js tutoriel >jQuery implémente la fonction de commutation d'affichage/masquage du mot de passe en modifiant l'attribut type de l'entrée

jQuery implémente la fonction de commutation d'affichage/masquage du mot de passe en modifiant l'attribut type de l'entrée

高洛峰
高洛峰original
2017-02-11 16:56:571426parcourir

Généralement, lorsque nous nous connectons et nous enregistrons, nous demanderons aux utilisateurs de choisir d'afficher ou non le mot de passe qu'ils ont saisi

Pour cette exigence, nous penserons certainement que tant que l'attribut type de. l'entrée est modifiée dynamiquement (affichage du texte/mot de passe masqué) :

J'ai donc utilisé l'API $(''#id).attr('type', 'password') mais le résultat n'était pas celui que je pensais, quelque chose s'est mal passé

Code HTML

Uncaught Error: type property can't be changed

Cela signifie probablement que cet attribut ne peut pas être modifié.

J'ai donc essayé Google.

Cependant, le résultat que j'ai got est comme ça

Code HTML

<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(); 
  } 
});

De manière générale, cette méthode est utilisée Pour faire simple, deux entrées sont utilisées. pour basculer l'affichage d'avant en arrière pour obtenir les caractères saisis !

J'ai essayé cette méthode et elle peut être implémentée, et il n'y a pas beaucoup de code. Mais je me sens toujours bizarre, est-ce que cela doit être réalisé comme ça ? C'est définitivement impossible

Habituellement dans cette situation, je vais aller voir si les grands constructeurs font ça, et certains grands constructeurs ne font pas ça !

Mais mon problème est introuvable sur Google, il ne devrait donc pas y avoir de solution !

Ce qui précède est le jQuery introduit par l'éditeur pour implémenter l'affichage du mot de passe et masquer la fonction de commutation en modifiant l'attribut type de l'entrée. J'espère que cela vous sera utile si vous avez des questions. , veuillez me laisser un message. L'éditeur répondra à tout le monde à temps. Je voudrais également vous remercier tous pour votre soutien au site Web PHP chinois !

Pour plus d'articles liés à jQuery pour implémenter la fonction de commutation d'affichage/masquage du mot de passe en modifiant l'attribut type de l'entrée, veuillez faire attention au site Web PHP chinois !

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn