首先非常感谢网友小俊的分享,最近群里很多网友为
表单验证的问题头痛,老是问网站上有没有表单验证插件啊,我只能回答暂时没有,于是网友小俊就把自己写表单验证功能封装成一个
Jquery插件出来分享给网友们用,第一个版本样式有点不好看,但功能都很OK啦,网友们在作用过程中有什么问题的话请积极反馈。
插件功能如下:
| 函数名称:jsoncheckform
| 传入参数:formID (表单ID)
| 返回值:boolean型 (通过验证返回true,否则反之)
| 函数功能:自动验证表单的输入值。在控件里加入验证属性即可,不需要修改任何代码。
| 调用方式:
1, ajax表单提交方式: if($("#form表单Id").jsoncheckform({formid:"form表单Id"})){...};
| 验证属性格式:
<input ... checkStr="控件名称" checkType="验证类型" isEmpty="Y" [equal="另一个控件的ID"]>
<select ... checkStr="控件名称" checkType="验证类型" isEmpty="N" >
<textarea ... checkStr="控件名称" checkType="验证类型" isEmpty="N">
| 如果使用equal,请确保 另一个控件的checkStr有值。
| 类型:
| 字符串:string,10,20 (长度最少为10,最大为20的字符串)
| 数字: number,-1,10000 (大于-1,小于10000的数字)
| 邮 件:email 与正则相比较,为一符合邮伯格式的字符串(admin@163.com)
| 身份证:idcard 简单判断是15位或18位的数字
| QQ:qq 简单判断是长度大于5位的数字
| 电话:phone 简单判断是否符合(区号)-电话这样格式的字符串
| 手机:mphone 判断是否以常见的手机号头三位开头的数字字符串
| URL: url 判断是否符合url格式的字符串
| IP: ip 判断是否ip
| 文件后缀:file, 要增加一个属性为fileExt,如fileExt="gif,GIF,jpg,JPG,bmp,BMP" 为只允许使用gif,jpg,bmp三种文件格式
| 验证属性带逗号的表示最小值和最大值,如果不指定则不写,但逗号不能省略
| 如果是整数型并且有位数限制:number,0,14
| isEmpty="Y": 是否可以为空 为N时不能为空
效果图如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
原创 网友小俊 表单验证 验证插件