0

我使用 JQuery 验证器插件验证表单。但是，我想将错误输出放在特定位置。我尝试了验证器文档中的错误放置

<div class="form_errors"><!--HERE SHOULD THE ERROR GO --></div>
                            <div class="form_holder_invitee" >
                                <form class="homepage_invitee_form" id="homepage_invitee_form" action="add" method="get">
                                    <input name="email" placeholder="Email Address"
                                        id="email_address_new" type="text placeholder"> <br>
    ...

我的验证脚本是：

$(document).ready(function(){

    $('#homepage_invitee_form').validate({
        rules: {
            firstName: {
                minlength: 2,
                required: true
            },
            email: {
                required: true,
                email: true
            },
            lastName: {
                minlength: 2,
                required: true
            }
        },
        errorPlacement: function(error, element) {
            error.appendTo( element.parent(".form_errors") );
        },
        debug:true

    });

}); // end document.ready

我想将错误放入<div class="form_errors">. 但是，当我提交表单时没有任何反应。

有任何想法吗？

PS.：我也试过那个链接：

jQuery验证错误位置

但是，也不起作用...

4

1 回答 1

3

问题是您的选择器和使用.parent(). 将您的更新errorPlacement为以下内容，它将起作用。请参阅此小提琴以查看它的工作原理。

errorPlacement: function(error, element) {
    console.log(element);
    element.closest(".form_holder_invitee").prev().append(error);
},
于 2013-03-29T19:42:02.543 回答