Javascript jQuery validate（）.element（）不'；不要直接显示错误

我正在使用jQueryUI选项卡控件实现一个简单的向导。对于验证，我使用jQuery验证。按下“下一步”按钮转到向导的下一个选项卡时，我验证当前选项卡上的所有内容：

$('.forward').click(function () {
  var valid = true;
  $(this).closest("div").find("input").each(function () {
    valid = valid && $("#form").validate().element(this);
  });

  // Code to select next tab if valid
});

这是有效的-我在

valid

中获得了正确的值。但是，如果出现任何错误，则不会立即显示错误消息。在出现错误消息之前，我必须单击其他位置以使“下一步”按钮失去焦点

---

如何在运行

validate（）.element（this）

后立即显示错误消息？

您的方法在模糊或键控时的行为与验证相同，但返回结果。
这里没有模糊或关键点。 试一试

$('.forward').click(function () {
  var valid = true;
  $(this).closest("div").find("input").each(function () {
    valid = valid && $("#form").validate().element(this);
    this.blur();
  });
// Code to select next tab if valid
});