javascript - 如果浏览器自动填充字段，则触发 jquery 表单验证

Question

我正在使用jquery keyup 将正则表达式与用户输入 validate 进行匹配如果输入符合我想要的。

$("input[name=vat]").keyup(function(){
    var vatVal = $(this).val();
    var vatReg = /^[0-9-]{6,}$/;
    if (!vatReg.test(vatVal)) {
        $(this).removeClass("success");
        $(this).addClass("error");
    } else {
        $(this).removeClass("error");
        $(this).addClass("success");
        if (!$("span[name=vaterror]").hasClass("hide")) {
            $("span[name=vaterror]").addClass("hide");
        }
    }
});

但我在某些浏览器预填写表单字段时遇到问题。就像 Chrome 可以为您预先填写某些输入字段(如果用户已将其浏览器设置这样做)。

发生这种情况时如何触发验证？

Answer 1

我认为这是重复的，我把它解释为选择浏览器建议的选项，而不是页面加载时的实际初始预填充。

我非常确定仍然无法捕获浏览器预填充，因为它发生在触发 document.ready() 之前。但您可以利用它来发挥自己的优势。

对于所有没有默认值的输入字段，只需触发您在 document.ready 事件上捕获的事件:

$(document).ready(function(){
  $('input[value!=""]').trigger('keyup');
});

此代码未经测试，如果您在监听键盘操作的任何处理程序中使用随机键的键盘代码，则可能需要将它们添加到事件中。请参阅trigger documentation .