jQuery验证';必需的';-当失去焦点或按键时,只有最后修改的元素在提交前进行验证

jQuery验证';必需的';-当失去焦点或按键时,只有最后修改的元素在提交前进行验证,jquery,Jquery,我正在尝试使用jQuery验证框架验证表单。我们在此表单上没有提交按钮,需要按键/onblur样式验证。在我最简单的示例中,我有三个表单字段,都标记为“required”。当我更改一个字段时,单击退出,然后单击返回并立即删除它验证的字符,这就是我所期望的行为 当我将文本添加到第一个字段,然后将文本添加到第二个字段时,问题就出现了。如果我试图删除第一个字段的内容,它将不会验证。如果删除第二个字段的内容,则第二个字段将进行验证。如果添加文本字段(所有字段都是必需的),则只有最后一个字段会进行验证。奇

我正在尝试使用jQuery验证框架验证表单。我们在此表单上没有提交按钮,需要按键/onblur样式验证。在我最简单的示例中,我有三个表单字段,都标记为“required”。当我更改一个字段时,单击退出,然后单击返回并立即删除它验证的字符,这就是我所期望的行为

当我将文本添加到第一个字段,然后将文本添加到第二个字段时,问题就出现了。如果我试图删除第一个字段的内容,它将不会验证。如果删除第二个字段的内容,则第二个字段将进行验证。如果添加文本字段(所有字段都是必需的),则只有最后一个字段会进行验证。奇怪的是,当我添加一个提交按钮并单击提交,然后尝试这些测试时,它工作得非常好。这些例子都做了同样的事情——我错在哪里

Javascript代码:


$(“#testForm”).validate({submitHandler:function(){}});

Html:







这应该可以完成这项工作

$("#testForm").validate();
     $('input').blur(function(){
         if(!$(this).valid()){
             $(this).focus();
             return false;
         }
     });

这应该可以完成任务

$("#testForm").validate();
     $('input').blur(function(){
         if(!$(this).valid()){
             $(this).focus();
             return false;
         }
     });