说明:校验功能完全基于JQUERY和前人开发的JS库进行,本文仅对其中常用的功能作
详尽描述
所需要的JS文件可以从以下地址下载,如果该地址无法访问,可以发邮件索取:johennes@foxmail.com
1. 原生版本:通用FormValid1.0-js验证框架,压缩包内包含多个DEMO,基本涵盖所有的校验功能。
2. 本人修改调试版本:通用FormValid(个人修改版),把DEMO去掉了(节约空间
,什么?没有DEMO不会用了,看下面!!!)
接下来的部分就是我对于一般表单校验常用功能的总结(=。=|| 不就是DEMO里的
么,没错,我将多个DEMO文件内的校验类型提炼出来,写了一份总结篇)
最终使用效果:
| valid的值 | 说明 | 备注 |
|
required
|
必填性
| |
|
eqaul
|
和另一元件对比值是否相同
| 对比的元件名在元件加上属性eqaulName |
|
gt
|
和另一元件对比值是否大于另一元件值
| 对比的元件名在元件加上属性eqaulName |
| isEmail | 电子邮件 | |
| isPassWord | 检查密码强度 | 可配合limit使用,例: <input type="password" valid="limit|isPassWord" min="6" max="18" id="pass" name="pass" errmsg="长度必须在6-18字符之间!|密码强度太弱"/> <span id="errMsg_pass" name="errmsg" style="color:#FF0000"></span> |
| isMobile | 手机号码 | |
| isPhone | 电话号码 | |
| isTelephone | 电话号码或手机 | |
| isDate | 日期 | |
| isTime | 时间 | |
| isInt | 整数 | |
| isNumber | 数字 | |
| isIdCard | 身份证 | |
| isMoney | 货币 | |
| isZip | 邮编 | |
| isEnglish | 英语 | |
| isChinese | 中文 | |
| isUrl | URL地址 | |
| limit | 长度限制 | 需补充min="2" max="5"两个属性 <input name="Limit" type="text" id="Limit" valid="limit" min="2" max="5" errmsg="长度必须在2-5之间!" /> |
| range | 值范围限制 | 需补充min="10" max="20"两个属性 <input name="Range" type="text" id="Range" valid="range" min="10" max="20" errmsg="值必须在10-20之间!" /> |
| requireChecked | 单选框必选 | type="radio"时使用 <input name="rc[]" type="radio" valid="requireChecked" errmsg="radio必须选择一个!" value="2" /> |
| 复选框必选 | type="checkbox"时使用,需补充min="2" max="4"两个属性 <input name="cc[]" type="checkbox" valid="requireChecked" min="2" max="4" errmsg="checkbox必须选择2-4个!" value="5" /> | |
| filter | 扩展名限制 | 需补充allow="jpg, gif"属性 <input name="file" type="file" valid="filter" allow="jpg, gif" errmsg="只能选择jpg gif!" /> |
| isNo | 值不等于 | 需补充noValue="abc"属性 <input name="no" type="text" id="no" valid="isNo" noValue="abc" errmsg="值不能是abc!" /> |
| regexp | 自定义规则 | 需补充regexp="^[a-z]+$"属性 <input name="username" type="text" valid="required|regexp" regexp="^[a-z]+$" errmsg="用户名不能为空!|只能是a-z" /> |
| custom | 自定义函数规则 | 需补充custom="customFuntion"属性 function customFuntion(inp,frms) { if (inp.value || frms['A'].value) { return true; } return false; } |
本文介绍了一款基于JQUERY的表单验证框架,详细描述了各种校验功能及其使用方法,包括必填项验证、密码强度检测、日期时间格式验证等。
1579

被折叠的 条评论
为什么被折叠?



