Question

我正在使用jQuery UI选项卡控件来实现一个简单的向导。为了验证我正在使用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)后立即显示错误消息？

Answer 1

您的方法在模糊或键盘上表现为验证，但会返回结果你这里没有模糊或键盘。尝试

$('.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
});

jQuery validate（）。element（）不直接显示错误

1 个答案: