如何解决与jQuery验证引擎和Twitter的引导模态定位误差(How to fix positi

2019-08-08 13:14发布

我使用Twitter的引导2.1.0在我的网站,我也使用jQuery验证引擎插件2.6.2,这些很好的协同工作。

直到你尝试使用验证引擎的模式:

注意我们是如何得到一个水平滚动条,并且该消息被切断?

我想知道我能做些什么来解决这个问题?

Answer 1:

当实例/更新validationEngine,这将适用于所有的验证字段可以建立在错误信息默认位置:

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

为每个字段和/或设置单独的位置设置:

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


Answer 2:

搜索在jquery.validationEngine.js下面的代码

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

与更换

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


Answer 3:

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

</script>


文章来源: How to fix positioning error with jQuery Validation Engine and Twitter Bootstrap modals