jquery - 在表单中多次设置errorContainer

Question

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

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

如果我打电话$('#myDiv1').validate({ ... });，我会从 jquery-validate: 中得到一个错误Uncaught TypeError: Cannot read property 'settings' of undefined。这导致我假设除了表单之外我不能调用 validate 。

有没有办法可以做我想做的事？

Answer 1

您可以使用以下内容：

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

其中“元素”是当前表单输入的 jQuery 对象。它在http://docs.jquery.com/Plugins/Validation/validate#toptions

Answer 2

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

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

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