jQuery.validate在错误消息框中显示错误

我使用下面的命令在每个未填充的字段旁边显示错误消息。我想简化事情，只是有一个错误框出现说：“请填写所有字段”时，提交按钮被点击，字段没有填写

class=“required”

用于每个必填字段类型。我该如何做，我是否使用

淋浴ROR

<script type="text/javascript">
$(document).ready(function() {
    $("#form1").validate({
        errorLabelContainer: $("#form1 div.error")
    });
</script>

$（文档）.ready（函数（）{
$（“#表格1”）。验证({
errorLabelContainer:$（“#form1 div.error”）
});

验证插件有

invalidHandler:function（e，validator）

可以满足您的需要

一个小演示：

在表单上方显示一条消息，指示当用户尝试提交无效表单时有多少字段无效

$(".selector").validate({
invalidHandler: function(form, validator) {
  var errors = validator.numberOfInvalids();
  if (errors) {
    var message = errors == 1
      ? 'You missed 1 field. It has been highlighted'
      : 'You missed ' + errors + ' fields. They have been highlighted';
    $("div.error span").html(message);
    $("div.error").show();
  } else {
    $("div.error").hide();
  }
}
 })

---

与其使用div，不如使用另一个jquery库，该库可以显示一个带有相同错误消息的弹出窗口

，这可能会对@Sora有所帮助。我正在寻找一个弹出的错误对话框。我已经看过上面的例子，这些例子在div中打印了错误。我如何应用它，我找不到一个很好的例子。这比ShowError好吗？@acctm安：更新的代码。顺便说一句，问题很好。多亏了你，我有一个我自己的小片段来显示错误摘要是弹出的。我正在尝试做一个对话框弹出框。我在一个div中显示错误没有问题，就像在我的原始文章中一样。使用jquery对话框而不是$（“div.error”）.show（）；使用$（“div.error”）.dialog（）；这是api的链接

$(".selector").validate({
invalidHandler: function(form, validator) {
  var errors = validator.numberOfInvalids();
  if (errors) {
    var message = errors == 1
      ? 'You missed 1 field. It has been highlighted'
      : 'You missed ' + errors + ' fields. They have been highlighted';
    $("div.error span").html(message);
    $("div.error").show();
  } else {
    $("div.error").hide();
  }
}
 })