在我点击输入或提交之前，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/#onkeyup

onkeyup: 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/