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

jQuery Validation Engine v2.6.2：兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+，要求jQuery版本1.7以上。下载地址：http://code.ciaoca.com/jquery/validation-engine/version/jQuery-Validation-Engine-2.6.2.zip。另有Ciaoca 中文增强版：下载地址，http://code.ciaoca.com/jquery/validation-engine/version/jQuery-Validation-Engine-2.6.2-ciaoca.zip。

一、使用方法

载入 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> <!--默认的选项的value须为空--如下-->

<select class="validate[required]"><option value="">请选择</option></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'});

二、验证类型

'ruleName': { 'regex': RegExp, /* 正则表达式，如果正则能匹配内容表示通过 */ 'alertText': '验证不通过时的提示信息'
}

'ajaxName': { 'url': 'phpajax/ajaxValidateFieldUser.php', /* 验证程序地址 */ 'extraData': 'name=eric', /* 额外参数 */ 'alertTextOk': '验证通过时的提示信息', 'alertText': '验证不通过时的提示信息', 'alertTextLoad': '正在验证时的提示信息'
}
/* * 例： * <input type="text" id="email" class="validate[ajax[ajaxName]]"> * 假设填写的值为：ciaoca@gmail.com * extraData 设置为：'type=register&verify=abcd' * 提交到后端的 url 为：phpajax/ajaxValidateFieldUser.php?email=ciaoca@gmail.com&type=register&verify=abcd */

Ciaoca 增强版增加验证规则：

三、参数说明

四、HTML5 属性

错误信息属性（实验的）

属性值与验证规则相对应

<!-- 自定义错误信息属性（实验支持） -->
<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="通用的错误提示信息">

五、API 接口

六、自定义事件

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

七、相关信息