2023年6月21日发(作者:)
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之间,请确认"});第⼆篇原创预告:的⽇期控件,绝对⽐cnblogs控件组提供的⽇期控件使⽤第三篇原创预告:的数字控件第四篇原创预告:万能查询窗⼝(你看过powerbuilder版本的万能查询吗?我的,⽐这个好),基于json轻量集的数据载体,利⽤ajax技术,实习⽆刷新
2023年6月21日发(作者:)
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之间,请确认"});第⼆篇原创预告:的⽇期控件,绝对⽐cnblogs控件组提供的⽇期控件使⽤第三篇原创预告:的数字控件第四篇原创预告:万能查询窗⼝(你看过powerbuilder版本的万能查询吗?我的,⽐这个好),基于json轻量集的数据载体,利⽤ajax技术,实习⽆刷新
发布评论