0

私は自分のコードを持っておりtextarea、メイン.errorクラスを使用しているという特定のものと.textAreaError、エラーボックスを配置する別のものがありますが、この特定のボックスにロードするようにテキストエリアエラーを構成する方法がわかりません。

以前の質問から、次の jQuery 行function(error, element) { error.appendTo(element.siblings("label")); }が与えられましたが、それを以下のコードに組み込む方法がわかりません。

jQuery:

jQuery(document).ready(function() { 
    //Home Validation
    onfocusout: true,
    $("#quote").validate({
        rules:{
            companyName:{
                required: true,
                url: true
            }
        }
    });

HTML:

<div class="error textAreaError">Error Here</div>

4

1 に答える 1

1

検証プラグインのドキュメントを見ると、function(error, element) を使用する errorPlacement 引数でエラーの位置を制御できるようです。コードは次のようになります。

jQuery(document).ready(function() { 
    //Home Validation
    $("#quote").validate({
        onfocusout: true,
        rules:{
            companyName:{
                required: true,
                url: true
            }
        },
        errorPlacement: function(error, element) {
            if (element.is("textarea"))
                error.appendTo(".textAreaError");
            else
                error.appendTo(".generalError");
        }
    });
});

一般的なエラー ボックスに generalError クラスを指定する必要があります。または、エラー ボックスに ID を指定し、代わりにそれらを参照します (例: "#textAreaError" および "#generalError")。

于 2012-04-17T22:48:38.997 に答える