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

Question

我正在使用以下内容在每个未填写的字段旁边显示错误消息。我想简化一些事情，当单击提交按钮并且未填写字段时，只会出现一个错误框，上面写着“请填写所有字段”。class="required"正在用于所需的每个字段类型。我该怎么做，我用showError吗？

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

Answer 1

Code

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

$(".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 库，该库可以显示带有相同错误消息的弹出窗口

Answer 2

验证插件invalidHandler: function(e, validator)可以满足您的需求。

一个小演示：http: //jsfiddle.net/codovations/5YHQb/1/