jquery - jQuery Form Validate，移动错误信息

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

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

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

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