码迷,mamicode.com
首页 > 其他好文 > 详细

form input autocomplete="off"属性不兼容问题

时间:2020-04-27 15:48:01      阅读:62      评论:0      收藏:0      [点我收藏+]

标签:password   adf   event   color   for   https   function   cli   网上   

 

1、autocomplete="off"属性不兼容问题

谷歌版本

技术图片

 

搜了一下解决了

<input style="display:none">
用户名input     autocomplete="off"
密码input      autocomplete="new-password"
 
亲测有效
技术图片
如果还不行试试再试试
在表单第一行加这一句,亲测有效
<input type="password" autocomplete="new-password" style="position: absolute; top: -999px;">
要求将不可见的input框放在页面的最前面,如body起始处, chrome之类的浏览器会填充最前面的输入框。

<!-- 阻止浏览器的自动填充 -->
<input type="text" name="_prevent_auto_complete_name" 
  autocomplete="off" readonly="readonly" style="display: none !important;"/>
<input type="password" name="_prevent_auto_complete_pass" 
  autocomplete="new-password" readonly="readonly" style="display: none !important;" />
chrome有两种填充, 一种是自动填充表单 autofill, 一种是自动完成密码 autocomplete; 请在需要的页面中进行设置。

最新的问题,Chrome-72版本,将用户确定保存的用户名和密码强制填充到表单之中了,导致显示问题。
以上代码实测生效。

 

 

2、form表单提交验证问题

网上搜的下面两种
我用的第一种解决了
$("input:submit").click(function(e){
     e = e||window.event;
    e.preventDefault();    //阻止默认行为
})

或是:
    form表单.onsubmit = function () {
        return false
    }
2.1、按钮提交
  $(‘#uploadSubmit‘).click(function (e) { 
  
    e = e||window.event;
    e.preventDefault();    //阻止默认行为
    if(valid()) {
       $(‘#uploadForm‘).submit()
    }
   
  });
  

 

2.2、form表单.onsubmit提交会不断执行陷入死循环还没,还没找到原因
 $(‘#uploadForm‘).submit(function(e){
     e.preventDefault();
      console.log(‘---->‘, valid())
      if(valid()) {
        $(‘#uploadForm‘).submit()
      }
      
   })

3、表单验证刷新的问题

待更新

 

 

 

 

参考链接:

禁止浏览器自动填充到表单

https://segmentfault.com/q/1010000006090445

 

 

 

 





 
 
 
 
 

form input autocomplete="off"属性不兼容问题

标签:password   adf   event   color   for   https   function   cli   网上   

原文地址:https://www.cnblogs.com/pikachuworld/p/12786559.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!