如何在模糊事件触发之前触发提交事件？

Question

我有一个表单，其中有一条错误消息，如下例所示：

http://codepen.io/anon/pen/dYWyEM?editors=101

重现问题的步骤如下：

打开coDepen链接后，

1）专注于输入领域

2） 按提交按钮

3） 由于首先触发模糊事件，因此首先隐藏错误消息，从而更改提交按钮的位置。因此，点击事件根本没有注册，我需要再次点击以提交表单。

有没有办法先发送提交事件？

我需要检测触发模糊事件的目标。似乎relatedTarget使我们能够找出触发模糊事件的元素。但是，这在Firefox中不起作用。

有没有办法在所有浏览器中找出相关目标？

Answer 1

根据回答中的内容，我得出了这个解决方案。收听mousedown事件，该事件在blur之前触发，并根据错误消息是否可见检查用户是否可以提交表单。

form.on('mousedown','input[type="submit"]', function(e) {
  if(!errorMsg.hasClass("hidden")){
    e.preventDefault();
    alert("Can't submit until the error message is gone");
  }
});

我已经更新了你的密码笔。

Answer 2

如果您打算对blur执行字段验证，则仍然需要一种方法来检查表单提交时是否存在任何验证错误，以便在存在验证错误时避免提交表单。

因此，我建议使用一种替代方法，而不是解决您的确切问题，因为我认为当前的模型一开始可能会很麻烦。

为什么不在表单提交时执行所有字段验证而不是字段模糊，然后在任何字段出现验证错误时阻止提交？