jQueryvalidation – 错误放置

我正在尝试使用jQueryvalidationDOCS中的 ‘errorPlacement’ ：

$("#myform").validate({ errorPlacement: function(error, element) { error.appendTo( element.parent("td").next("td") ); }, debug:true }) 

我想在无效输入之前放置错误，但这不起作用：

 $("#myform").validate({ errorPlacement: function(error, element) { error.appendTo( element.parent("form").prev("input") ); }, debug:true }) 

现场演示

任何帮助非常感谢！

Answer 1

由于要在无效元素之前插入错误消息，请使用insertBefore（） ：

 errorPlacement: function(error, element) { error.insertBefore(element); } 

Answer 2

只需将部分放在您想要错误的位置即可

例如：

  Checkbox content  

Answer 3

另一种选择是……

  errorPlacement: function (error, element) { element.before(error); } 

Answer 4

我建议使用html模板来指定位置和样式，如下所示：

并覆盖错误放置的函数

 $.validator.setDefaults({ errorPlacement: function(error, element) { var name = element.attr('name'); var errorSelector = '.validation_error_message[for="' + name + '"]'; var $element = $(errorSelector); if ($element.length) { $(errorSelector).html(error.html()); } else { error.insertAfter(element); } } });