[security] 브라우저 ‘비밀번호 저장’기능 비활성화

나는이 문제로 어려움을 겪고 있었고, 문제에 대한 독특한 왜곡으로. 권한이있는 사용자는 저장된 암호를 사용할 수 없지만 일반 사용자가 필요했습니다. 이는 권한이있는 사용자가 두 번 로그인해야했으며 두 번째로 저장된 비밀번호를 적용하지 않았 음을 의미합니다.

이 요구 사항 autocomplete="off"을 사용하면 첫 번째 로그인에서 비밀번호가 저장되었을 수 있으므로 표준 방법이 모든 브라우저에서 작동하지는 않습니다. 동료가 비밀번호 필드가 새 비밀번호 필드에 초점을 맞췄을 때이를 대체하는 솔루션을 찾은 다음 새 비밀번호 필드에 초점을 맞춘 다음 동일한 이벤트 핸들러를 연결합니다. 이것은 IE6에서 무한 루프를 일으킨 것을 제외하고는 효과가있었습니다. 어쩌면 그 주위에 방법이 있었지만 편두통을 일으켰습니다.

마지막으로 양식 외부에 사용자 이름과 비밀번호를 넣으려고했습니다. 놀랍게도 이것이 효과가있었습니다! IE6 및 Linux의 최신 버전의 Firefox 및 Chrome에서 작동했습니다. 더 이상 테스트하지는 않았지만 모든 브라우저가 아니라면 대부분 작동한다고 생각합니다 (그러나 폼이없는 경우 신경 쓰지 않는 브라우저가 있으면 놀라지 않을 것입니다).

다음은 일부 jQuery와 함께 작동하는 샘플 코드입니다.

<input type="text" id="username" name="username"/>
<input type="password" id="password" name="password"/>

<form id="theForm" action="/your/login" method="post">
  <input type="hidden" id="hiddenUsername" name="username"/>
  <input type="hidden" id="hiddenPassword" name="password"/>
  <input type="submit" value="Login"/>
</form>

<script type="text/javascript" language="JavaScript">
  $("#theForm").submit(function() {
    $("#hiddenUsername").val($("#username").val());
    $("#hiddenPassword").val($("#password").val());
  });
  $("#username,#password").keypress(function(e) {
    if (e.which == 13) {
      $("#theForm").submit();
    }
  });
</script>

답변

<form method="post" action="yoururl">
      <div class="hidden">
        <input type="password"/>
      </div>
      <input type="text" name="username" placeholder="username"/>
      <input type="password" name="password" placeholder="password"/>
    </form>

.hidden {display:none;}

<input type="text" id="username" name="username"/>
<input type="password" id="prevent_autofill" autocomplete="off" style="display:none" tabindex="-1" />
<input type="password" id="password" autocomplete="off" name="password"/>