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

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

作者: 毁灭公爵 | 来源:发表于2014-09-17 10:43 被阅读0次

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

    
    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'
    
    

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/jpcutttx.html