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||Windows.event;
- e.preventDefault(); // 阻止默认行为
- })
或是:
form 表单. onsubmit = function () {
- return false
- }
2.1, 按钮提交
- $('#uploadSubmit').click(function (e) {
- e = e||Windows.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
来源: http://www.bubuko.com/infodetail-3524500.html