浏览器对输入框的自动补全功能造成的bug解决方案

浏览器会根据你的cookie自动补全你的input输入框,有些时候会造成一些不期待发生的事

比如下面这个业务场景:

我根据cookie自动补全的话,密码也会同时补全,这样就相当于同时触发了两次verificationRepeat函数

$("#name,#email,#password").on("input propertychange", verificationRepeat);

而我的verificationRepeat函数中有一个verificationformat函数,它用于规定数据的格式规范,

再之后会有一个ajax请求,这样同时发送两次请求在我这个业务下会有一些不期待出现的

事情发生所以现在怎么解决呢?

1.禁用浏览器对input输入框的自动补全

但这样也有弊端,会不方便

2.改代码

由于密码不参与verificationRepeat,因为不用考虑重复值,所以密码只需绑定验证格式的函数verificationformat

$(function () {
    /* 组件内容发生变化对应组件即进行校验 */
    $("#password").on("input propertychange", function () {
        verificationformat_password($("#password").val())
    });
    $("#name,#email").on("input propertychange", verificationRepeat);
});

这样就好了!

你可能感兴趣的:(前端)