java - jquery.validate をブートストラップポップオーバーと統合する

Question

jquery.validate プラグインで検証された登録フォームがあります。

今、フォームが有効でない場合、検証の結果をブートストラップポップオーバーに入れたいのですが、実際には、これを行う方法がわかりません。

手助け？

score 0 · Accepted Answer

errorPlacementエラーのツールチップを表示および非表示にするには、およびsuccessコールバック関数を使用する必要があります。

独自のコードを示していないため、これらのコールバック関数の使用方法についてのアイデアを提供するために、Tooltipster プラグインを使用した同様のセットアップを次に示します。Bootstrap ポップオーバーやその他のツールチッププラグインの必要に応じて調整します。

$(document).ready(function () {

    $('#myform').validate({
            // rules and options here,
            errorPlacement: function (error, element) {
                // construct tooltip with message as per plugin method
                $(element).tooltipster('update', $(error).text());  
                // show tooltip as per plugin method
                $(element).tooltipster('show');
            },
            success: function (label, element) {
                // hide tooltip as per plugin method
                $(element).tooltipster('hide');
            }
    });

});

デモ: http://jsfiddle.net/kyK4G/

参考： https ://stackoverflow.com/a/14741689/594235

ドキュメント: http://jqueryvalidation.org/validate