新手问题 怎么在页面中取消谷歌浏览器记住密码的功能

匿名 · 2014年09月10日 · 最后由 jsasdw1991 回复于 2014年09月17日 · 6500 次阅读

有两个页面,一个是登陆页面,一个是兑换页面。在进行登陆后,谷歌浏览器会记住密码,然后登陆兑换页面的时候,谷歌浏览器就会自动填充,想问一下,有什么办法在页面或者后台中做一些设置让谷歌浏览器不自动进行填充吗?

p.input
  label 礼物编号
  = f.text_field :number, autocomplete: 'off'
p.input
  label 验证码
  = f.password_field :validation_code, autocomplete: 'off'

有一个问题,因为验证码那边要求的是 password 的 type,所以验证码那个输入框改了 type 之后。又变成了同样的问题。

最后,我想了一个办法,先改表单

p.input
  label 礼物编号
  = f.text_field :number
p.input
  label 验证码
  = f.text_field :validation_code, id: 'text_password'

然后通过通过 JS 修改 type,在页面加载 0.5 秒以后改验证码输入框的 type 属性为 password

$(function() {
    window.setTimeout(function() {
      $('#elibao_gift_order_line_item_validation_code').attr('type',  'password');
    }, 500);
});

然后在 IE8 上边测试了一下,js 失效了。 哪位大侠可以给点提示。 还有一点不解的就是,为什么在 form 中设置 autocomplete 属性为 off,会因为表单中有一个 input 的 type=”password“而整个表单全部失效的。

匿名 #1 2014年09月11日

都没有人看到吗

我看到了。

哈,我也遇到这个问题,因为自动填充会把输入框的样式弄得很难看。

最初的解决思路:load 完页面时,直接用 JS 清空输入框,不过还没动手做

匿名 #4 2014年09月17日

@linjunzhugg 我试了一下,好像用 js 的话,谷歌上边可以解决,但是在 IE9 以下的版本是仍然出现填充的问题的。然后找了以下资料,你可以试试在密码框前边加一个<input type=“text” display=“none” />,这样可以解决两方面的问题。

需要 登录 后方可回复, 如果你还没有账号请 注册新账号