链接：http://code.ciaoca.com/jquery/validation_engine/

 

使用方法

载入 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'});