如果浏览器自动填写了字段，则触发jquery表单验证

Question

我正在使用jquery keyup来匹配正则表达式，又是用户输入，以验证输入是否与我想要的匹配。

$("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，Chrome可以为您预填充某些输入字段。

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

Answer 1

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

我很确定在触发document.ready()之前，仍然没有办法捕获浏览器的预填充。 但是您可以利用它来发挥自己的优势。

对于所有不具有默认值的输入字段，只需触发您在document.ready事件中捕获的事件：

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

此代码未经测试，如果您在侦听keyup的任何处理程序中使用随机键的键盘代码，则可能必须将其添加到事件中。 请参阅触发器文档 。