Jquery模糊事件干扰所有其他事件

Question

我有一个包含多个字段的表单。我在所有字段上都有 jquery 模糊事件处理程序，当您离开某个字段时，它们会进行一些验证。问题是，如果您曾经专注于某个字段，然后单击页面上的任何其他链接，它会验证该字段，但决不允许单击该链接（或提交表单）。

$('.required').bind('blur', function(event) {
    validateAll($(event.target));
});

function validateAll(elm) {
   //blah blah
   return false;
}

validateAll 函数只是进行检查并在之后返回 false。

基本上，当用户专注于某个字段时，他们必须单击任何按钮两次才能使其工作。第一个激活模糊验证，然后第二个实际上单击链接。

对于发生的事情有什么想法吗？

Answer 1

我发现了一些其他类似的帖子。

常见的解决方案是尝试在模糊事件处理程序中添加延迟，如下所示：

$('.required').bind('blur', function(event) {
    setTimeout(function() 
    { 
        validateAll($(event.target)); 
    }, 10);
});

希望这会有所帮助......

Answer 2

您没有在模糊处理程序中返回 validateAll，尽管您说它“只是进行检查并在之后返回 false”。如果它返回 false 来尝试阻止进一步的事件冒泡，您需要返回该值，而不是仅仅调用 validateAll （并对它返回的内容不执行任何操作）。

不明白其中任何一个会如何导致您所描述的问题，但也许我只是误解了这个问题。