jquery验证，在输入框之前放置消息

Question

我正在使用这个jQuery插件：http://docs.jquery.com/Plugins/Validation/validate并且似​​乎总是将消息放在input元素之后。有没有办法让它们在元素之前而不是之后追加？

Answer 1

检查插件的errorPlacement:选项：

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

Answer 2

使用errorPlacement进行控制将允许您将错误消息放在特定的位置。

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

还有一些带有错误选项的errorPlacement示例

• error.appendTo（element.parent（“ div”）。next（“ div”）））;
• error.appendTo（$（'＃id'））;
• error.insertAfter（element）;
• error.insertBefore（element）;

用于自定义错误消息和控件创建

errorPlacement: function(error, element) {
    var elementForm = "", containerError = "";
    offset = element.offset();
    elementForm = element.attr("name");
    containerError = "#" + elementForm + "error";
    error.prependTo(containerError);
    error.addClass('message');
}

Answer 3

检查errorPlacement：插件选项

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