jquery - 如何对特定元素使用 errorPlacement？

Question

我有一个复选框，后面有一个文本，例如；
[复选框]我同意

如果提交时未单击复选框，则当前显示错误消息的方式是(我使用 errorElement:"div");

[复选框]
此字段为必填字段。
我同意**

我宁愿；
[复选框]我同意
此字段为必填项

知道如何完成这件事吗？

我所拥有的相关复选框和文本元素的 html 换行如下；
[div] [复选框]我同意[/div] [div][/div]

我尝试了 errorPlacment: 如下，希望仅将其应用于该元素；

...            
messages: {
    usage_terms: {
        required: "Must agree to Terms of Use.",
    //errorElement: "div"
    errorPlacement: function(error, element) {
        error.appendTo( element.parent("div").next("div") );
        }
    }
}
...

没成功。任何想法？。

Answer 1

errorPlacement不在消息下方(作为选项)，它是一个全局选项，因此它应该如下所示:

messages: {
  usage_terms: "Must agree to Terms of Use."
}
errorPlacement: function(error, element) {
  if(element.attr("name") == "usage_terms") {
    error.appendTo( element.parent("div").next("div") );
  } else {
    error.insertAfter(element);
  }
}

这里我们只是在决定元素的去向时检查元素名称，不过您可以进行另一项检查，例如为所有行为类似的元素提供一个类，然后执行 element.hasClass("placeAfter")。