关于如何解决谷歌的记住密码功能和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'

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容