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 に答える