关于如何解决谷歌的记住密码功能和IE9以下浏览器的兼容性问题

---

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

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失效了。IE9以下的浏览器中关于input的type属性是只读，只能试text，不能修改的，所以js无效。

最后：

p.input

label 礼物编号

= f.text_field :number

p.input

label 验证码

input type="text"  display:"none"

= f.text_field :validation_code， id： 'text_password'