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:如果希望只在表单提交时验证,可以设置为空。 |
scroll | true | 屏幕自动滚动到第一个验证不通过的位置 |
focusFirstField | true | 验证未通过时,是否给第一个不通过的控件获取焦点 |
promptPosition | “topRight” | 验证提示信息的位置,可设置为:”topRight”, “bottomLeft”, “centerRight”, “bottomRight” |
autoPositionUpdate | false | 是否自动调整提示层的位置 |
bindMethod | “bind” | 验证事件的绑定方式,可设置为:bind, live PS:设置 live 似乎绑定事件无效,但是表单提交时能验证,建议不修改。[Demo] |
binded | false | 是否已经绑定其他事件,设为 true 将不进行验证。 |
inlineAjax | false | |
ajaxFormValidation | false | 使用 Ajax 验证表单 |
ajaxFormValidationURL | false | 设置 Ajax 验证的 URL,默认使用 form 的 action 属性 |
ajaxValidCache | {} | |
onAjaxFormComplete | $.noop | 表单提交,Ajax 验证完成后的行为(Function)[Demo] |
onBeforeAjaxFormValidation | $.noop | 表单提交验证规则通过后,Ajax 验证之前的行为(Function)[Demo] |
onValidationComplete | false | 表单提交验证完成时的行为(Function) 可以得到两个参数:表单元素 和 验证结果(ture or false)[Demo] |
onSuccess | false | 实时验证所有项目都通过时,发生的行为(Function)[Demo] |
onFailure | false | 实时验证有未通过项目时,发生的行为(Function)[Demo] PS:onSuccess 和 onFailure 在禁用实时验证时无效。例如 validationEventTrigger 设为空,或 bindMethod 设为 live |
isOverflown | false | 表单是否在溢出滚动的元素内(即外部元素设置了 overflow:scroll) PS:设置为 ture 后,提示内容的插入位置将更改为在验证的控件之前插入; 此时需要在控件外层再套一个元素,并设置 class=”inputContainer” |
overflownDIV | “” | 设置了溢出滚动的元素,格式为 jQuery 的选择器。 |
showArrow | true | |
isError | false | |
InvalidFields | [] |
【使用方法】
载入 CSS 文件
载入 JavaScript 文件
给表单加上 ID
给控件加上 ID 及 设置验证类型