jquery - jquery validate 错误放置问题

Question

我有几个不同的长格式字段集，每个字段集的结构都略有不同。我有一个无法显示错误消息的问题

HTML:

<form>
    <fieldset id="Initial>
         <div class="section">
             <h3>Do you wish to add <span>Market Depth,</span> the ability to view <span>Nasdaq Level II data</span> and <span>futures market depth?</span></h3>
                    <span class="row"><label><input type="checkbox" name="MKDPT" id="MKDPT">Add Market Depth</label></span>
          </div>
     </fieldset>
</form>

我想在 span 类行之后注入(inject)错误元素“p”

js:

....
errorElement: "p",
errorPlacement: function(error, element) 
{
    if( element.closest("#final_step").length ) {
        error.appendTo( element.parent("li"));
    } else if( element.closest("#EX_AGREEMENT").length ) {
        element.closest('li').after(error);
    } else if( element.closest("#Initial").length ) {
        error.insertAfter( element.parent("div"));
    } else {
        error.insertAfter(element.parent("li"));
    }
},
....

应注意输入#MKDPT正在获取错误类别

Answer 1

我认为你只差一个角色。正在输入您的 errorPlacement 函数并进入以下 if block :

/*Snip */
else if( element.closest("#Initial").length ) {
        error.insertAfter( element.parent("div"));
    } 

问题是 element.parent("div") 产生一个空的 jQuery 对象，因为 parent()只查看上下文元素的直接父级。

如果您将该行替换为 element.parents("div") (note parents ，而不是 parent)，您应该很好:

$("form").validate({
    errorElement: "p",
    errorPlacement: function(error, element) {
        if (element.closest("#final_step").length) {
            error.appendTo(element.parent("li"));
        } else if (element.closest("#EX_AGREEMENT").length) {
            element.closest('li').after(error);
        } else if (element.closest("#Initial").length) {
            error.insertAfter(element.parents("div"));
        } else {
            error.insertAfter(element.parent("li"));
        }
    }
});

这里正在工作(假设复选框是必需元素):http://jsfiddle.net/uLRw9/