jquery - jQuery Validation Engine と Twitter Bootstrap モーダルでポジショニング エラーを修正する方法

Question

私は自分のサイトで Twitter Bootstrap 2.1.0 を使用しています。また、これらがうまく連携する jQuery Validation Engine 2.6.2 プラグインも使用しています。

モーダルで検証エンジンを使用しようとするまで:

水平スクロール バーが表示され、メッセージが途中で切れてしまうことに注意してください。

これを修正するために何ができるのだろうか？

Answer 1

validationEngine をインスタンス化/更新するときに、エラー メッセージのデフォルトの位置を確立できます。これは、検証済みのすべてのフィールドに適用されます。

$("#formID1").validationEngine({promptPosition : "topRight:-100"});

および/またはフィールドごとに個別の位置設定をセットアップします。

<input type="text" class="validate[required]" data-prompt-position="bottomRight:-100" />

Answer 2

<script type="text/javascript">
    $(function () {
        $("#form1").validationEngine('attach', { promptPosition: "topLeft" });
    });
    function RValidate() {
        $("#form1").validationEngine('detach');
    }

</script>

Answer 3

jquery.validationEngine.js で以下のコードを検索します。

 if (options.isOverflown)
     field.before(prompt);
 else
     $("body").append(prompt);

で置き換えます

 //if (options.isOverflown)
     field.before(prompt);
 //else
     //$("body").append(prompt);