表单校验控件jQuery-Validation-Engine-master

1.使用方法：

必须引入的js、css文件：

1、在需要使用该插件的页面引入其css文件：

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

2、引入jquery.js

<script src="js/jquery-1.8.2.min.js"type="text/javascript"></script>

3、引入该插件的核心文件

<script src="js/jquery.validationEngine.js" type="text/javascript"charset="utf-8"></script>

4、引入该插件的校验规则文件

<script src="js/jquery.validationEngine-en.js"type="text/javascript" charset="utf-8"></script>

2.初始化插件：

$(document).ready(function(){

$("#formID").validationEngine();

});

验证规则是写在表单元素的class属性内：<input value="" class="validate[required] text-input" type="text" name="req" id="req" />

多个规则用“，”隔开： class="validate[required,minSize[6]] 

3.常见校验class配置：

名称	示例	说明
required	validate[required]	表示必填项
minSize[int]	validate[minSize[6]]	最少输入字符数
maxSize[int]	validate[maxSize[20]]	最多输入字符数
groupRequired[name]	validate[groupRequired[gp2]]	群组中至少输入一项
min[int]	validate[min[1]]	最小值（数字最小值）
max[int]	validate[max[9999]]	最大值（数字的最大值）
maxCheckbox[int]	validate[maxCheckbox[2]]	最多选取的项目数（用于Checkbox）
minCheckbox	validate[minCheckbox[2]]	最少选取的项目数（用于Checkbox）
equals	validate[equals[id]]	当前控件值需与 id 这个控件的值相同
phone	validate[custom[phone]]	验证电话号码
email	validate[custom[email]]	验证 Email 地址
integer	validate[custom[integer]]	验证整数
number	validate[custom[number]]	验证数字
date	validate[custom[date]]	验证日期，格式为 YYYY/MM/DD、YYYY/M/D、YYYY-MM-DD、YYYY-M-D
url	validate[custom[url]]	验证 url 地址，需以 http://、https:// 或 ftp:// 开头
onlyNumberSp	validate[custom[onlyNumberSp]]	只接受填数字和空格
onlyLetterSp	validate[custom[onlyLetterSp]]	只接受填英文字母（大小写）和单引号(')
onlyLetterNumber	validate[custom[onlyLetterNumber]]	只接受数字和英文字母
ajax	validate[ajax[ajaxUserCall]]	在验证规则中自定义 "ajaxUserCall":{ "url":"", "extraData":"",//参数 "alertTextOk":"该名称可用", "alertText":"* 此名称已被使用", "alertTextLoad":"* 正在验证，请稍等。" }
funcCall	validate[funcCall[functionName]]	调用外部函数

4.ajax提交form表单：

$(document).ready(function(){

$("#formID").validationEngine({

ajaxFormValidation:true,//使用ajax调用

ajaxFormValidationURL:”a.jsp”//设置Ajax验证的URL,不设置该属性则使用form的action属性，并且该属性优先级大于form.action属性

onAjaxFormComplete:ajaxValidationCallback,//设置验证后的回调函数onBeforeAjaxFormValidation:beforeCall//设置验证前的调用的函数

});

});

5.ajax提交field字段：

在字段的class属性中添加ajax[],如：

<input class="validate[required, ajax[ajaxUserCall]]"type="text" name="user" id="user" />

然后在jquery.validationEngine.js文件中添加如下代码：

   "ajaxUserCall": {

           "url":"a.jsp",

           "extraData": "name=eric",//额外的参数，可以不用

           "alertText": "* 此名称已被其他人使用",

           "alertTextLoad": "* 正在确认名称是否有其他人使用，请稍等…"

    }

注意：该ajax强求默认get方式，此种方式提交到服务器的数据遵循如下格式：

请求GET /JqueryValidator/checkUser?fieldId=“控件ID”&fieldValue=“控件的值”&_=1357527894695 HTTP/1.1