JQuery表单验证插件eg validation

简介

eg validation是一款JQuery插件，主要用于表单数据校验，简单快速实现表单数据校验，可扩展性强。

字段基本属性说明；

1. eg-valid 
   是否开启校验 默认值：true
   
2. eg-tips
   空文本域获取焦点后的提示消息
   
3. eg-position
   校验结果展示位置 top、right、bottom、left  默认值：right

4. eg-inline
   文本域所有的校验结果指定节点展示

5. eg-{校验规则名}
   开启对应的校验规则， 值为校验提示文本
   
6. eg-{校验规则名}-param
   校验规则对应的附加参数，非必须，根据校验规则参数而定，多个用","(逗号)隔开
   
7. eg-{校验规则名}-inline
   文本域指定的校验规则校验结果指定节点展示
  
8. eg-success
   文本域校验通过后的提示信息  默认值： 校验通过

默认的校验规则：

1. required
   必须输入的字段
   
2. number
   必须输入合法的数字（负数，小数）
   
3. digits
   必须输入整数
  
4. decimal
   必须输入货币
   
5. date
   必须输入正确格式的日期。日期校验 ie6 出错，慎用
   
6. url
   必须输入正确格式的网址
   
7. email
   必须输入正确格式的电子邮件
   
8. char
   必须输入英文字符
   
9. qq
   必须输入正确QQ        
  
10. phone
   必须输入正确手机号码
   
11. equalto
   必须输入两次一至的字符，匹配文本域的唯一标识 ： eg-equalto-param=#password
   
12. chinese
   必须输入输入汉字
   
13. minlength
   必须输入至少3位，eg-minlength-param=3
   
14. maxlength
   必须输入至多6位，eg-minlength-param=6
  
15. length
   必须输入长度必须介于 {3} 和 {6} 之间的字符串（汉字算一个字符）， eg-length-param=3,6
   
16. min
   输入值不能小于3， eg-min-param=3
   
17. max
   输入值不能大于6， eg-min-param=6
   
18. pattern
   输入匹配对应的正则表达式， eg-pattern-param=/^\d+$/

校验组件可使用的几个选项的属性 (构造时传入的参数)：

1. rules
   对象，校验规则集
   
2. isSubmit
   布尔型，校验通过后是否进行表单提交， 默认：true 进行表单提交
   
3. valiAfter
   方法，所有表单域校验完成后回调方法
   
4. valiSuccess
   方法，所有表单域校验完成并通过后回调方法

使用

1.  引入文件

<script src="jquery-1.11.3.min.js"></script>
<script src="eg-validation.js" type="text/javascript" charset="utf-8"></script>

2.  HTML

<div id="form">
  <div >
    zip:<input type="text" eg-valid="true" eg-zip  eg-success="校验通过">
  </div>
</div>

3.  调用

<script type="text/javascript" charset="utf-8">
  $(function () {
    //这里增加邮编进行校验
    $('#form').validation({
      rules :{'zip':{validate: function(value) {
        return (/^[1-9][0-9]{5}$/.test(value) || /^.{4,15}$/.test(value));
      },
      defaultMsg: '请输入正确邮编'}}
    });
  })
</script>

相关链接

Gitee 地址：https://gitee.com/egzosn/eg-validation