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事件