功能强大的 jQuery 表单验证插件，适用于日常的 E-mail、电话号码、网址等验证及 Ajax 验证，除自身拥有丰富的验证规则外，还可以添加自定义的验证规则。

兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+

相对 2.2.4 版本的一些区别：

部分参数功能发生变化；

输入控件可以不写 id 属性；

参数 onSuccess 和 onFailure 改为只在表单提交时触发；

验证规则 past[date]（过去） 与 future[date]（未来） 对调；

API 接口验证控件均使用 "validate"，移除 "validateField"；

API 接口隐藏提示均使用 "hide" 移除 "hidePrompt"，保留 "hideAll"。

Ciaoca 中文优化版本：

根据中文字体优化样式

增加多款验证样式

增加针对中文的验证规则

移除无用的验证规则示例

完善对 IE8 以下浏览器的支持（错误：对象不支持“indexOf”属性或方法）

jQuery v1.7+

jQuery Validation Engine v2.6.2

• 查看 Demo
• 下载 jQuery Validation Engine v2.6.2
• 中文优化版本：jQuery Validation Engine v2.6.2 By Ciaoca
• 提交问题 / Bug / 建议

1. 使用方法
2. 验证类型
3. 参数说明
4. HTML5 属性
5. API 接口
6. 自定义事件
7. 相关信息

载入 CSS 文件

<link rel="stylesheet" href="css/validationEngine.jquery.css">

载入 JavaScript 文件

<script src="js/jquery.js"></script>
<script src="js/jquery.validationEngine-zh_CN.js"></script>
<script src="js/jquery.validationEngine.js"></script>
<!-- jquery.validationEngine-zh_CN.js 为配置文件，可根据需求自行调整或增加，也可以更换为其他语言配置文件 -->

给表单加上 ID

<!-- ID 须设置在 form 标签中 -->
<form id="form_id" ...>
...
</form>

给控件添加验证类型

<!--
验证规则默认使用 class 属性
validate[required] 表示该项必须填写
-->
<input type="text" class="validate[required]">
<input type="checkbox" class="validate[required]">
<select class="validate[required]"></select>;
<textarea class="validate[required]"></textarea>

设置验证

// 直接调用
$('#form_id').validationEngine();// 自定义参数调用
$('#form_id').validationEngine('attach', {promptPosition: 'centerRight',scroll: false
});

支持链式操作

$('#form_id').validationEngine().css({border:'2px solid #000'});

注：验证规则均写在 validate[] 中，如有多条规则，用英文逗号(,)分割。

例：validate[required,minSize[6],custom[onlyLetterNumber]]

Ciaoca 增强版增加验证规则：

错误信息属性（实验的）

属性值与验证规则相对应

<!-- 自定义错误信息属性（实验支持） -->
<input type="email" name="email" id="email" data-validation-engine="validate[required,custom[email]]"data-errormessage-value-missing="E-mail 不能为空" data-errormessage-custom-error="E-mail 格式应为：someone@nowhere.com" data-errormessage="通用的错误提示信息">

插件增加的自定义事件，可参考 [Demo]

作者网站：

http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/

相关文档：

Github

中文文档

授权协议：

MIT