以登录格式

时间:2017-07-19 14:23:09

标签: autocomplete cross-browser

什么是跨浏览器方式来禁用登录表单中输入字段的自动填充功能?

我已经使用了autocomplete ='off',这在chrome中不起作用,例如

感谢

1 个答案:

答案 0 :(得分:0)

所以Chrome并不关心"自动完成"因此你必须欺骗它来保存空字段或什么也没有。这是一个可能的解决方案:

<form action='/login' class='login-form' autocomplete='off'>
  Email:
  <input type='email' name='email-email-input'>
  <input type='hidden' name='email'>

  Password:
  <input type='password' name='password-input'>
  <input type='hidden' name='password'>
</form>
<script>
  $('.login-form').on('submit', function() {
    $('[name="email"]').val($('[name="email-input"]').val());
    $('[name="email-input"]').val('');
    $('[name="password"]').val($('[name="password-input"]').val());
    $('[name="password-input"]').val('');
  });
</script>