2025年validationEngine参数详解

validationEngine参数详解validationEn jQuery v1 4 4 注意事项 1 演示版本为 v2 2 4 2 v2 0 以下的版本参数并不完全通用 对 validationEn jquery css 文件进行修改 修改如下 1 提示内容字体改为宋体 2 去除中各浏览器的私有属性 各浏览器已经支持圆角和阴影 不再需要加私有属性 对 jquery

validationEngine

·jQuery v1.4.4+

注意事项:

1.演示版本为 v2.2.4;

2.v2.0 以下的版本参数并不完全通用;

对 validationEngine.jquery.css 文件进行修改,修改如下:

1.提示内容字体改为宋体;

2.去除中各浏览器的私有属性(各浏览器已经支持圆角和阴影,不再需要加私有属性)。

对 jquery.validationEngine.js 文件进行修改,修改如下:

1.将 312 行的 field.focus(); 注释掉,当有输入控件在 Table 内部时,验证会导致回到顶部的现象;

对 jquery.validationEngine-zh_CN.js 文件进行修改,修改如下:

1.修改部分提示文字;

2.增加两个对中文字符的验证规则:minSizeCN 和 maxSizeCN;

3.去除 “validate2fields”: {“alertText”:”* 请输入 HELLO”},

将以上两个JS文件进行合并

查看 Demo

修改版:jQuery Validation Engine v2.2.4 中文版

原 版:jQuery Validation Engine v2.2.4

【options 参数说明】(可选)

名称默认值说明
validationEventTrigger“blur”触发验证的事件,支持事件可参考 jQuery 的事件说明。 PS:如果希望只在表单提交时验证,可以设置为空。
scrolltrue屏幕自动滚动到第一个验证不通过的位置
focusFirstFieldtrue验证未通过时,是否给第一个不通过的控件获取焦点
promptPosition“topRight”验证提示信息的位置,可设置为:”topRight”, “bottomLeft”, “centerRight”, “bottomRight”
autoPositionUpdatefalse是否自动调整提示层的位置
bindMethod“bind”验证事件的绑定方式,可设置为:bind, live PS:设置 live 似乎绑定事件无效,但是表单提交时能验证,建议不修改。[Demo]
bindedfalse是否已经绑定其他事件,设为 true 将不进行验证。
inlineAjaxfalse
ajaxFormValidationfalse使用 Ajax 验证表单
ajaxFormValidationURLfalse设置 Ajax 验证的 URL,默认使用 form 的 action 属性
ajaxValidCache{}
onAjaxFormComplete$.noop表单提交,Ajax 验证完成后的行为(Function)[Demo]
onBeforeAjaxFormValidation$.noop表单提交验证规则通过后,Ajax 验证之前的行为(Function)[Demo]
onValidationCompletefalse表单提交验证完成时的行为(Function) 可以得到两个参数:表单元素 和 验证结果(ture or false)[Demo]
onSuccessfalse实时验证所有项目都通过时,发生的行为(Function)[Demo]
onFailurefalse实时验证有未通过项目时,发生的行为(Function)[Demo] PS:onSuccess 和 onFailure 在禁用实时验证时无效。例如 validationEventTrigger 设为空,或 bindMethod 设为 live
isOverflownfalse表单是否在溢出滚动的元素内(即外部元素设置了 overflow:scroll) PS:设置为 ture 后,提示内容的插入位置将更改为在验证的控件之前插入; 此时需要在控件外层再套一个元素,并设置 class=”inputContainer”
overflownDIV“”设置了溢出滚动的元素,格式为 jQuery 的选择器。
showArrowtrue
isErrorfalse
InvalidFields[]

【使用方法】

载入 CSS 文件

载入 JavaScript 文件

 

给表单加上 ID

 

给控件加上 ID 及 设置验证类型