前置jquery验证错误消息

时间:2011-09-08 20:38:21

标签: javascript jquery html jquery-validate

我有一张表格,我把它放在一个单列/多列表格中。我希望在输入字段的标题之前显示错误消息。这是我的尝试,但它没有用(如果我只填写第一个输入字段,所有其他字段在提交时变得不可见):

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

我怎样才能实现这一目标?

2 个答案:

答案 0 :(得分:1)

我会创建一个空容器,如下所示:

<div id="errorMsg"></div>
<table id="form">
    <!-- your form table goes here -->

如果您有错误,请将其插入#errorMsg。您可以通过id设置样式,使其突出并且是一个明确的消息,并且您不会在此过程中破坏文档。

稍后您可以轻松地将#errorMsg div移动到页面的其他位置 - 移动HTML比更改JS以在DOM中定位新位置容易得多。

答案 1 :(得分:1)

您可能有语法错误

// Correct syntax
$.prepend( content, [content] )


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

// Or you can use $.prependTo( target )

$(error).prependTo(element.parent();