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);