jQuery는 입력의 유형 속성을 변경하여 비밀번호 표시/숨기기 전환 기능을 구현합니다.

일반적으로 로그인하고 등록할 때 사용자가 입력한 비밀번호를 표시할지 여부를 선택하라는 요구 사항을 제공합니다.

이 요구 사항에 대해서는 type 속성이 있는 한 확실히 생각할 것입니다. 입력이 동적으로 변경됩니다(텍스트 표시/비밀번호 숨김):

그래서 $(''#id).attr('type', 'password') API를 사용했지만 결과가 생각과 달랐습니다. 문제가 발생했습니다

HTML 코드

Uncaught Error: type property can't be changed

아마도 이 속성은 수정이 불가능하다는 뜻이겠지요.

그래서 googl을 시도해 봤습니다.

그런데 얻은 결과는 이렇게

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

일반적으로 이 방법을 사용합니다. 간단히 말하면 두 개의 입력을 사용하여 디스플레이를 전환하는 것입니다. 앞뒤로, 서로 문자를 입력 받으세요!

이 방법을 사용해봤는데 구현이 가능하고 코드도 많지 않습니다. 그런데 늘 기분이 이상해요. 이걸 이렇게 구현해야 하나? 절대 불가능합니다

보통 이런 경우에는 대형 제조사에서는 이렇게 하는지, 일부 대형 제조사에서는 이렇게 하는지 알아보고 가는데요!

하지만 내 문제는 Google에서 찾을 수 없으므로 해결책이 없을 것입니다!

위는 입력의 유형 속성을 변경하여 비밀번호 표시 및 숨기기 전환 기능을 구현하기 위해 편집기에서 도입한 jQuery입니다. , 메시지를 남겨주시면 편집자가 제때에 모든 사람에게 답변해 드리겠습니다. 또한 PHP 중국어 웹사이트를 지원해 주신 모든 분들께 감사드립니다!

입력의 유형 속성을 변경하여 비밀번호 표시/숨기기 전환 기능을 구현하는 jQuery 관련 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!