在我点击输入或提交之前，jQuery 验证器不会触发

Question

我正在尝试实现 jQuery Validation Plugin v1.19.2 ( http://jqueryvalidation.org/ )，它一开始不会自动触发。它只有在我点击输入或提交表单后才会激活。一旦我点击输入或提交表单，它就会在 keyup 上运行。

请看下面的 gif 来理解我的意思。第一个字段（标题）是必需的，您可以看到我在那里输入了文本，然后删除了几次，但它没有显示任何错误。但是在我提交之后，每次都显示错误。

这是JSFiddle链接：http: //jsfiddle.net/ubwq95e8/

$(document).ready(function() {

    $("form#signup").validate({

        

        rules: {

            title: {

                required: true                

            },

            

        },            

      

    });

});

https://i.stack.imgur.com/SBlKa.gif

Answer 1

尝试添加onkeyup.$("form#signup").validate见文档：https ://jqueryvalidation.org/validate/#onkeyuponkeyup: function(element) {    $(element).valid();  },

Answer 2

默认情况下，该插件不对 onkeyup 事件进行验证，您需要根据您的要求实现它。这是一个简单的例子：$("form#signup").validate({         onkeyup: function (element, event) {            $(element).valid();         },        rules: {            title: {                required: true                            },                    },               errorPlacement: function(error, element){}    });类似的其他事件，如 onclick、onfocus* 等

Answer 3

只需在焦点输出时为检查输入添加一个自定义事件$(document).ready(function() {    $("form#signup").validate({                rules: {            title: {                required: true                            },                    },               errorPlacement: function(error, element){}    });    $('#signup input').focusout(function(){        var form = $( "#signup" );        form.valid()    })});这是新的 jsfiddle，其中包含适用于您的案例的代码 http://jsfiddle.net/qhsj84en/