SpiderValidation V1.0.0

SpiderValidation 是基于Jquery的验证插件。采用Data API配置验证规则。

 基本html用法：

1 <input id="txt-address" type="text"  />
2 <label for="txt-address"></label>

每一个需要验证的控件对应一个label标签来显示验证消息， label 的 for属性指向被验证的标签ID

data API 配置：

1. data-validate="true"   　　　　　　　　　　　　　　此标签需要被验证

2. data-requried="请输入账号" 　　　　    　　　　　　此标签为必填，值为验证失败时的错误提示

3. data-minvalue="6" 　　　　　　　　　　　　　　 　长度验证， 最小长度为6

4. data-maxvalue="16" 　　　　　　　　　　　　　　 长度验证，最大长度为16， 与 3 连用可验证范围

5.data-regexp="price"　　　　　　　　　　　　　　　 正则验证

 

正则验证：

data-regexp="price" 　　　　　　   ：指定正则格式

data-regexp-msg="请输入价格"　　 ：自定义错误内容

 

正则格式：

price　　　　　　   价格（12.03）

integer　　　　　　整数

posInteger　　　　正整数

negInteger　　　　负整数

num　　　　　　　 数字

posNum　　　　　 正数（正整数 + 0）

negNum　　　　　 负数（负整数 + 0）

price　　　　　　   价格

emial　　　　　　  邮箱

 

 

JS手动验证：

手动验证为验证页面上所有已配置验证的标签，并返回bool的验证结果。方法为 validated()

 

 

SpiderValidation会自动检测 data-validate="true" 的input标签并绑定blur事件，检测到data-requried的select标签并绑定change事件

转载于:https://www.cnblogs.com/mricle/p/3677114.html