jquery ValidationEngine 提示信息跟随滚动条滚动

原创于 2017-02-16 17:51:10 发布 · 2.1k 阅读

CC 4.0 BY-SA版权

文章标签：

23 篇文章

订阅专栏

本文介绍如何解决使用jqueryValidationEngine验证表单时，在设置了滚动条的Div中验证失败提示信息随滚动条滚动的问题。通过设置isOverflown和overflownDIV属性可以有效解决该问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在项目中使用jquery ValidationEngine验证框架验证表单时，发现验证不通过时，显示的提示信息跟随滚动条滚动。

但是用jquery ValidationEngine的例子试了一下，又没有这个问题。

后来在查看jquery ValidationEngine的属性时发现有两个属性

isOverflown

表单是否在溢出滚动的元素内（即外部元素设置了 overflow:scroll）

PS：设置为 ture 后，提示内容的插入位置将更改为在验证的控件之前插入；

　　此时需要在控件外层再套一个元素，并设置 class="inputContainer"

overflownDIV

设置了溢出滚动的元素，格式为 jQuery 的选择器。

原来是因为我的页面，自己在Div中设置了滚动条，这种情况，需要设置isOverflown和overflownDIV这两个属性。

$('#formId').validationEngine({isOverflown:true, overflownDIV:$('#scrollContainerId'), autoHidePrompt:true, autoHideDelay: 3000});