Question

我使用下面的代码显示每个未填充字段旁边的错误消息。我想简化一些事情，只是出现一个ErrorBox，说出＆＃34;请填写所有字段＆＃34;单击提交按钮并且未填写字段时。 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/

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

2 个答案: