现在的位置: 首页 > 综合 > 正文

jquery 通用表单验证

2013年12月13日 ⁄ 综合 ⁄ 共 14961字 ⁄ 字号 评论关闭

主要用到了jquery,以及自定义的一个属性wl_check,属性说明如下:

 
1、语法
 [need:true,type:int,maxlen:15,minlen:2]

 

2、关键字
 need:文本输入框的必填限制
 regtype:文本输入框的正则表达式类别验证
 minlen:文本输入框的最小输入长度
 maxlen:文本输入框的最大输入长度
 minval:数字型文本输入框的最值
 maxval:数字型文本输入框的最值
 notval:下拉框的必选设置
 minselect:单复选框的最少选项数
 maxselect:单复选框的最多选项数
 sequence:默认从100--1000,如果需要打乱页面控件顺序可设置值,<100 或 >1000,按从小到大验证
 group:【group:txtArea-1-1】其中“txtArea”是pre控件值,“-1-1”表示最少填写一个,最多填写一个。
 manage:可以设置与某一控件的关系“= != > < >= <= + -”
 ...

 

3、使用范围
 input:text
 input:radio 注意id为'_i'
 input:checkbox 注意id为'_i'
 textarea
 select
 
4、描述
a、在有wl_check属性的表单控件值发生变化时会自行调用相应的验证方法,该方法无返回值,只是出错提示并定位。
b、在页面post时需要先对某一域内有wl_check属性的表单控件进行验证,通过返回true;否则弹出提示信息并取消提交。

 

5、使用示例-见demo
 

        <input type="text" id="name" value='dd' title='姓名' wl_check="need:true,minlen:2,maxlen:10,sequence:1" />
 表示该文本框必填,并且最多10个字,最少2各个字

 

完全验证代码

 

 

抱歉!评论已关闭.