在表单中多次设置errorContainer

Question

我的表单$('#myForm')有两个div $('#myDiv1')，$('#myDiv2')，每个都有两个文本字段。我希望两个div中的每一个都有一个errorContainer。

如果我拨打$('#myForm').validate({ ... });，我只能指定一个errorContainer，这不是我想要的。

如果我致电$('#myDiv1').validate({ ... });，我会在jquery-validate：Uncaught TypeError: Cannot read property 'settings' of undefined中收到错误消息。这导致我假设我不能在除表格之外的任何东西上调用验证。

我有办法做我想做的事吗？

Answer 1

您可以使用以下内容：

$("#myform").validate({
   errorPlacement: function(error, element) {}
}); 

其中'element'是当前表单输入的jQuery对象。它位于http://docs.jquery.com/Plugins/Validation/validate#toptions

Answer 2

必须在表单元素上调用验证方法。

我在实践中没有使用过这个，但是options docs似乎表明你可以为errorContainer选项传递多个选择器。

$("#myform").validate({
   errorContainer: "#messageBox1, #messageBox2",
   errorLabelContainer: "#messageBox1 ul",
   wrapper: "li", debug:true,
   submitHandler: function() { alert("Submitted!") }
});