jQuery表单验证插件即将奉上
1月11日中午提供下载,包括API帮助文档和源码,还有示例代码,谢谢大家的支持
jQuery formValidator表单验证插件
它是基于jQuery类库,实现了js脚本于页面的分离,把插件所有的全局函数压进一个对象,避免了函数命名冲突,体现了类的封装性。
辛苦一个周末,终见成果,欢迎大家调用《formValidator表单验证插件》
注:如果跟我写的几个日期控件、数字控件结合使用,那代码量将更少,
建议把日期控件和数字控件设置为:只控制输入,即OnlyInput=true。
API帮助文档已经写好,jQuery的链式操作可以使插件实现
一行代码实现一个对象的所有控制
主要功能包括:
1、网页上文字提示(图上的采用这个模式)或者弹出窗口提示
2、呈现时的提示
3、可以为空,空时的提示
4、获得焦点提示
5、发生不同种错误,给出不同的提示
6、可以为空,不为空时要检验控制
7、长度控制
8、范围控制
9、2个对象比较控制
10、选择个数控制
11、Ajax读取数据
12、正则表达式控制
13、同个页面,你可以划分多个校验组,每个组的校验都是互不影响的
14、单个对象或者整个校验组验证完成、或者出错,有额外的回调函数提供
1-12的功能,对一个对象,你只需要写一行代码就可以轻松实现(效果请看图)
先挂几句代码给大家看看
例1:要求输入2次密码,都不能为空,而且两次输入要一致,不同错误给出不同提示
$("#password1").formValidator({onshow:"请输入密码",onfocus:"两次密码必须一致哦",oncorrect:"密码一致"}).InputValidator({min:1,onerror:"密码不能为空,请确认"}).CompareValidator({desID:"password2",operateor:"=",onerror:"2次密码不一致,请确认"});
例2:要求输入年龄,不能为空,长度必须为1-2位,而且要在10-60之间,不同错误给出不同提示
$("#nl").formValidator({onshow:"请输入的年龄(10-60岁之间)",onfocus:"只能输入10-60之间的数字哦",oncorrect:"恭喜你,你输对了"}).InputValidator({min:1,max:2,onerror:"年龄的长度必须是1-2位,请确认"}).InputValidator({min:10,max:60,type:"value",onerror:"年龄必须在10-60之间,请确认"});
第二篇原创预告:asp.net的日期控件,绝对比cnblogs控件组提供的日期控件使用
第三篇原创预告:asp.net的数字控件
第四篇原创预告:asp.net万能查询窗口(你看过powerbuilder版本的万能查询吗?我的,比这个好),基于json轻量集的数据载体,利用ajax技术,实习无刷新