jQuery表单验证，移动错误消息

Question

您好我正在使用一个简单的jQuery验证脚本，其中只需要添加“required”类。有没有办法在提交按钮上方而不是在每个字段旁边显示错误消息？

<script type="text/javascript">
  $(document).ready(function() {
  $("#theForm").validate();
  });
</script>
<form id="theForm">
<label for="email">Email</label>
<input class="required email" name="email" type="text" id="email" />

<label for="city">City</label>
<input name="city" type="text" id="city"  />
<input class="button" type="submit" value="SEND CONTACT FORM" />
</form>

Answer 1

您可以添加errorplacement功能，如下所示：

jQuery.validator.setDefaults({
    errorPlacement: function(error, element) {
        error.appendTo('#errorcontainer-' + element.attr('id'));
    }
});

并且可以将div放在提交按钮附近，并使用id

 <div id="errorcontainer-city" class='errorDiv'></div>

现在，error message字段的city将显示在此div中。因此，您可以在所需位置放置电子邮件和其他字段的div。