jQueryは入力のtype属性を変更することでパスワードの表示・非表示切り替え機能を実装します

通常、ログインして登録するときに、ユーザーが入力したパスワードを表示するかどうかを選択するための要件を提供します。

この要件については、入力の type 属性を動的に変更するだけで十分であると考えられます (テキスト表示/パスワード非表示) :

そこで、$(''#id).attr('type', 'password')この API を使用しましたが、結果は思ったものではありませんでした。

HTML コードにエラーがありました

Uncaught Error: type property can't be changed

おそらく、この属性は使用できないことを意味します修正しました。

それでGoogleに頼ってみました

しかし、得られた結果はこんな感じです

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

これは、簡単に言うと、2つの入力を使用して、前後に表示して、お互いに入力した文字を取得しましょう！

この方法を試してみましたが、実装でき、コードもそれほど多くありません。でもいつも不思議に思うのですが、これはこのように実現する必要があるのでしょうか？絶対無理です

通常この場合、大手メーカーがやってるかどうか見に行きますが、一部の大手メーカーはやってないです！

しかし、私の問題は Google で見つからないので、解決策はないはずです。

上記は入力のtype属性を変更することでパスワードの表示と非表示の切り替え機能を実現するためにエディターが導入したjQueryです。ご質問があればメッセージを残していただければ幸いです。編集者が時間内に返信します。また、PHP 中国語 Web サイトをサポートしていただきありがとうございます。

input の type 属性を変更してパスワードの表示/非表示切り替え機能を実装する方法に関する jQuery 関連の記事は、PHP 中国語 Web サイトに注目してください。