jQuery Validation Engine 表单验证

可以依赖多项，如：validate[condRequired[id1,id2]

根据控件的前后位置，如果当前控件在 grp1 元素之后，输入的日期不能是 grp1 日期的过去。

如果当前控件在 grp1 控件之前，输入的日期不能是 grp1 日期的未来。

自定义规则验证 

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

自定义 ajax 验证

'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 
 */

传输方式：get

传递参数："fieldId=" + field.attr("id") + "&fieldValue=" + field.val()

额外参数：extraData 可以设置为字符串或对象，会在参数结尾追加 "&extraData"

返回数据格式：json

返回数据内容：[String,Boolean]

第一个值类型为 String，是接收到 fieldId 的值；

第二个值类型为 Boolean，验证通过返回 true，不通过返回 false

functionName(field, rules, i, options)

PS：如果希望只在表单提交时验证，可以设置为空。或者设置参数 binded:false

提示信息的位置，可设置为：'topRight', 'topLeft', 'bottomRight', 'bottomLeft', 'centerRight', 'centerLeft', 'inline'

可设置更具体的位置，格式为："方向: X偏移值, Y偏移值"。如：bottomLeft: -20, 5

Ciaoca 增强版中，增加样式如下：

'formError-noArrow' -- 无箭头样式

'formError-text' -- 纯文字样式

'formError-small' -- 精简版样式

'formError-white' -- 白色版样式

可以叠加使用，如：addPromptClass: 'formError-noArrow formError-small'

function(field){}

function(field){}

PS：onSuccess 和 onFailure

function(form, valid){}，参数：

form：表单元素

valid：验证结果（ture or false）

PS：使用此方法后，表单即使验证通过也不会进行提交，交给定义的回调函数进行操作。

function(status, form, json, options){}

function(form, options){}

PS：设置为 ture 后，提示内容的插入位置将更改为在验证的控件之前插入；

　　此时需要在控件外层再套一个元素，并设置 class="inputContainer"

设置验证规则

除了使用 class 设置验证规则外，也可以使用该属性来设置验证规则。

占位符

当位置为必填的控件验证时，值不能为空，也不能为占位符。

自定义提示信息的位置，可设置为："topRight", "topLeft", "bottomRight" "bottomLeft", "centerRight", "centerLeft", "inline"

可设置更具体的位置，格式为："方向:X偏移值,Y偏移值"。如：data-prompt-position="bottomLeft:20,5"

PS：偏移值可以为负数

载入提示信息的容器，值为元素的 id

仅在 promptPosition 或 data-prompt-position 设为 "inline" 是有效。