今天在项目中使用jQuery ValidationEngine验证框架验证表单时,发现验证不通过时,显示的提示信息跟随滚动条滚动。
但是用jquery ValidationEngine的例子试了一下,又没有这个问题。
后来在查看jquery ValidationEngine的属性时发现有两个属性
isOverflown | 表单是否在溢出滚动的元素内(即外部元素设置了 overflow:scroll) PS:设置为 ture 后,提示内容的插入位置将更改为在验证的控件之前插入; 此时需要在控件外层再套一个元素,并设置 class="inputContainer"包含住form表单 |
overflownDIV | 设置了溢出滚动的元素,格式为 jQuery 的选择器。 |
原来是因为我的页面,自己在Div中设置了滚动条,这种情况,需要设置isOverflown和overflownDIV这两个属性。
<span style="font-size:14px;">$('#formId').validationEngine();</span>
(貌似只要加个class inputContainer就可以。。。。不用其他设置)