随笔-13  评论-1403  文章-0  trackbacks-17

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技术,实习无刷新

posted on 2008-01-10 00:01 猫冬 阅读(3758) 评论(71)  编辑 收藏

评论:
#1楼 [楼主] 2008-01-10 00:16 | 猫冬      
明天要去开会,后天做个flash录像给大家眼见为实。
  回复  引用  查看    
#2楼  2008-01-10 00:18 | 小猫蛋      
支持楼主
  回复  引用  查看    
#3楼  2008-01-10 00:29 | sharper [未注册用户]
谢谢lz, good work!
  回复  引用    
#4楼  2008-01-10 00:35 | Davy2009 [未注册用户]
比较强的功能,建议楼主开源,否则至少我是不敢用的,万一出点小问题麻烦就大了
  回复  引用    
#5楼  2008-01-10 00:55 | LEOO [未注册用户]
呵呵,楼主辛劳~
  回复  引用    
#6楼  2008-01-10 00:57 | HAHAHAha [未注册用户]
谢谢啦,支持~
  回复  引用    
#7楼  2008-01-10 01:24 | j3ee [未注册用户]
看界面很吸引人的样子,如果楼主方便,请发一份压缩版到我的邮箱里边吧!
我的邮箱是:j3ee@163.com 谢谢!
  回复  引用    
#8楼  2008-01-10 02:29 | MK2      
呵呵,楼主第一篇post就发这好东西,赞。
  回复  引用  查看    
#9楼  2008-01-10 08:00 | Jeffery Huang      
http://www.aspstat.com/117
跟这个PageValidator很类似,我用PageValidator封装了一个客户端验证,不过对于复选框和单选框的验证这个好像要强一些
  回复  引用  查看    
#10楼 [楼主] 2008-01-10 08:29 | 猫冬      
@Jeffery Huang
你说的PageValidator,虽然内部用到了jQuery,但是只能说是个js的函数调用而已,没有做成一个插件的形式,我感说,PageValidator的功能只有我这个插件30%的功能,而且PageValidator的信息不是配置的,有些是直接加在表单控件上的,这样就达不到javascript和页面的分离,javascript工程师和美工就比较难做了
  回复  引用  查看    
#11楼  2008-01-10 08:30 | Dawn [未注册用户]
很不错的。。
支持开源,
如果开源,我就准备应用到我的一个开源的项目中。。。
支持。。。
  回复  引用    
#12楼  2008-01-10 08:42 | leoxu      
支持。
发个包过来看看。
rabbittom at gmail.com

  回复  引用  查看    
#13楼  2008-01-10 08:52 | yxiaoxiong      
效果不错!
支持开源!
  回复  引用  查看    
#14楼  2008-01-10 08:57 | 魔幻天空      
很好,很强大!
希望楼主开源!!!!
sz31654270#gmail.com
  回复  引用  查看    
#15楼  2008-01-10 09:05 | 李华顺      
不开源的话这个东西都完了
这种东西jQuery官方都有类似的,如果不开源的我宁愿用别的差一些的,但也不会用不开源的,因为这毕竟是个人写的,如果有BUG无法即时的修正哪就麻烦了。

  回复  引用  查看    
#16楼  2008-01-10 09:06 | 阿滨       
xtb_sp@163.com
是個好東西啊.發個給我吧
  回复  引用  查看    
#17楼  2008-01-10 09:08 | 申健      
topiemie@163.com
发一份测试一下,谢谢!
  回复  引用  查看    
#18楼  2008-01-10 09:08 | home [未注册用户]
楼主开源让大家学习学习!
  回复  引用    
#19楼  2008-01-10 09:11 | lfelfe33 [未注册用户]
谢谢楼主,正好要用到这方面的东西!
sfesh at 163.com
  回复  引用    
#20楼  2008-01-10 09:12 | Samuel@Singapore      
could you please send me one copy? Thanks in advance.
  回复  引用  查看    
#21楼  2008-01-10 09:13 | 亦续缘      
放出来看看!
  回复  引用  查看    
#22楼  2008-01-10 09:15 | zzticzh      
支持开源!
  回复  引用  查看    
#23楼  2008-01-10 09:22 | airwolf2026      
好东西,支持开源
  回复  引用  查看    
#24楼  2008-01-10 09:26 | Jeffery Huang      
@猫冬
你好,我相信你的插件是个很不错的插件,因为我先接触到PageValidator,所以才有与其类似的言词
PageValidator确实有一些不足,但是根据自己项目的需要做了一些修改,然后做了服务器端的封装,目前也基本够用,如果有更完善的验证插件,我也非常乐意更换,呵呵,下面是我封装以后的使用效果:
                <tr>
                    <td style="width: 300px">
                        <asp:Label ID="Label6" runat="server" Text="重复密码:"></asp:Label>
                    </td>
                    <td style="width: 300px">
                        <asp:TextBox ID="TextBox6" runat="server"></asp:TextBox>*
                        <div id="TextBox6Tip" runat="server"></div>
                        <cc1:ValidateTarget ID="ValidateTarget5" runat="server" ControlToValidate="TextBox6" Description="请重复上面输入的密码" Nullable="false" FocusMessage="输入时的提示信息" OkMessage="验证通过时的提示信息" NullMessage="没有输入,但是没问题">
                            <Validators>
                                <cc1:InputStringClientValidator ErrorMessage="请输入6-12个字符" LowerBound="6" UpperBound="12" />
                                <cc1:CompareClientValidator DestinationId="TextBox5" ErrorMessage="两次密码输入不一致" />
                            </Validators>
                        </cc1:ValidateTarget>
                    </td>
                </tr>
                <tr>
                    <td style="width: 300px">
                        <asp:Label ID="Label3" runat="server" Text="年龄:"></asp:Label></td>
                    <td style="width: 300px">
                        <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
                        <div id="TextBox3Tip" runat="server"></div>
                        <cc1:ValidateTarget ID="ValidateTarget2" runat="server" ControlToValidate="TextBox3" Description="学生年龄" Nullable="true" FocusMessage="输入时的提示信息" OkMessage="验证通过时的提示信息" NullMessage="没有输入,但是没问题">
                            <Validators>
                                <cc1:InputNumberClientValidator ErrorMessage="只能输入数字哦" />
                                <cc1:NumberRangeClientValidator ErrorMessage="年龄只能在10-150岁之间哦" MinValue="10" MaxValue="150" />
                            </Validators>
                        </cc1:ValidateTarget>
                    </td>
                </tr>
  回复  引用  查看    
#25楼  2008-01-10 09:30 | Reson [未注册用户]
功能挺强的,楼主能开源就好了!
方便的话发一份给我,谢谢!
qlymail@163.com
  回复  引用    
#26楼  2008-01-10 09:44 | 阿门119 [未注册用户]
觉得还有改进的地方。努力
  回复  引用    
#27楼  2008-01-10 09:46 | 曹永      
多谢楼主,来吧,发我一份,感谢先
  回复  引用  查看    
#28楼  2008-01-10 09:51 | 笑疯^_^      
确实是好东西,请楼主发一份压缩版本给我,多谢
longping520@126.com
期待第二篇,第三篇......
  回复  引用  查看    
#29楼  2008-01-10 10:03 | AnsonWu      
wwzmail@163.com
楼主发份给我看看,,谢谢
  回复  引用  查看    
#30楼 [楼主] 2008-01-10 10:09 | 猫冬      
@Jeffery Huang
PageValidator这个函数,不能说是个插件,它的配置信息有部分是写在表单控件上的,而且功能一般。
决定开源!!!!!!!!!!!!!!!!!!!
支持的顶一下,谢谢
  回复  引用  查看    
#31楼  2008-01-10 10:11 | 杨正祎      
支持知识共享。
  回复  引用  查看    
#32楼  2008-01-10 10:11 | Jeffery Huang      
好,我第一个支持,呵呵
到时我们可以就服务器端封装做一些交流
  回复  引用  查看    
#33楼 [楼主] 2008-01-10 10:14 | 猫冬      
@Jeffery Huang
asp.net的服务器端封装我已经开始做了,为了适应gridview这种控件,还是很有必要封装的,否则虽然可以在gridview里用,但是比较痛苦的说
服务器控件的封装已经进行中…………
  回复  引用  查看    
#34楼  2008-01-10 10:15 | zhpan [未注册用户]
不错的东西,希望楼主能共享。。
  回复  引用    
#35楼  2008-01-10 10:20 | Jeffery Huang      
@猫冬
支持,对于gridview的支持,以前我封装的时候遇到过问题,如果不在gridview外使用UpdatePanel还好,如果使用了UpdatePanel,在编辑时切换到编辑模板时,验证脚本根本无法生成,这个是我目前的一个痛
  回复  引用  查看    
#36楼  2008-01-10 10:29 | goodfish [未注册用户]
大力支持,希望楼主可以给我一份,谢谢
  回复  引用    
#37楼  2008-01-10 11:09 | rockshit      
非常支持
如果可以的话,请楼主发我一份,谢谢
fredchan1982@hotmail.com
  回复  引用  查看    
#38楼  2008-01-10 11:30 | minjiang [未注册用户]
非常支持
如果可以的话,请楼主发我一份,谢谢
jiangmin168168@yahoo.com.cn
希望开源

  回复  引用    
#39楼  2008-01-10 11:52 | scotoma      
期待楼主开源
希望开源发份给我
xinqiyang@gmail.com
呵呵...支持楼主
  回复  引用  查看    
#40楼  2008-01-10 11:55 | -BOBBY- [未注册用户]
非常支持
如果可以的话,请楼主发我一份,谢谢
pingkeke@gmail.com
  回复  引用    
#41楼  2008-01-10 12:05 | kam [未注册用户]
好东西,需要研究一下,开源发一份,谢谢
kam_xiao@hotmail.com
  回复  引用    
#42楼  2008-01-10 12:29 | warran [未注册用户]
真的写的是功能太强大了,所以还在考虑要不要开源

...............

服了,爱发不发,破玩意。随随便便就写出来的东西,还要不要开源。
  回复  引用    
#43楼  2008-01-10 13:03 | Leem      
只是客户端验证吗?支不支持集成服务端验证?
  回复  引用  查看    
#44楼  2008-01-10 13:26 | 没剑      
楼主是好淫,快给偶发一份吧~~
regedit.email@gmail.com
  回复  引用  查看    
#45楼  2008-01-10 13:35 | 破曉之陽      
不錯。
  回复  引用  查看    
#46楼  2008-01-10 13:43 | moximoxi [未注册用户]
szbillqian@163.com

十分感谢!
  回复  引用    
#47楼  2008-01-10 13:50 | 缘于2046      
很好很强大
  回复  引用  查看    
#48楼  2008-01-10 13:53 | lan [未注册用户]
顶!顶!顶!顶!顶!顶!顶!顶!
ds19841015@qq.com,谢谢!
  回复  引用    
#49楼  2008-01-10 14:29 | ChinaBoy [未注册用户]
要一份了
smile_cf602@126.com
  回复  引用    
#50楼  2008-01-10 14:36 | lazylu      
非常漂亮~~~~~支持博主~~~~
  回复  引用  查看    
#51楼  2008-01-10 14:44 | qisky [未注册用户]
oxq321@163.com
UP ^
  回复  引用    
#52楼  2008-01-10 15:33 | 简单      
学习一下。
  回复  引用  查看    
#53楼  2008-01-10 16:23 | 万恶的验证码 [未注册用户]
很好,很强大!谢谢!太牛了!期待楼主后面的文章。
  回复  引用    
#54楼  2008-01-10 16:24 | 万恶的验证码 [未注册用户]
@warran
同意,楼主还是传个空间里让大家下载吧。不然你这篇文章就是纯粹的炫耀贴了,无意义。

阿弥陀佛,善哉,善哉,老衲一不小心又恶言出口了。
  回复  引用    
#55楼  2008-01-10 16:38 | maxer [未注册用户]
jquery 的插件 jquery.validate 就很强大啊。
用得很顺心的说。
地址如下:
http://bassistance.de/jquery-plugins/jquery-plugin-validation/
DEMO:
http://jquery.bassistance.de/validate/demo-test/
  回复  引用    
#56楼  2008-01-10 20:37 | guihwu [未注册用户]
支持开源
  回复  引用    
#57楼 [楼主] 2008-01-10 21:00 | 猫冬      
@万恶的验证码
同意你的观点
明天早上发API文档,中午把代码发上!保证!!!!!!!!!!!!!!1
  回复  引用  查看    
#58楼 [楼主] 2008-01-10 21:03 | 猫冬      
@maxer
明天中午12点后API帮助文档和源码献上,到时候你可以上来看看我的源码示例,如果功能比它的强,请强烈支持我!
我有99%的信心,功能比你说的插件强
  回复  引用  查看    
#59楼 [楼主] 2008-01-10 21:05 | 猫冬      
@lazylu
漂亮是图片本身的搭配
明天12点后,你会觉的,不仅漂亮,而且功能强大
  回复  引用  查看    
#60楼 [楼主] 2008-01-10 21:18 | 猫冬      
首先感谢关注这个插件的网友,谢谢大家。
我不喜欢空头吹嘘,本来今天晚上想先上传API帮助文档的,但是测试的时候,ajax这部分突然报个错,还未解决。
明天中午前上传API帮助文档和源码,希望大家支持我!谢谢
  回复  引用  查看    
#61楼  2008-01-10 22:10 | Blue Sky      
好东东!支持!
  回复  引用  查看    
#62楼  2008-01-10 23:53 | vbyc [未注册用户]
有戏哦
  回复  引用    
#63楼  2008-01-11 09:59 | ξσ Dicky σξ      
期待
  回复  引用  查看    
#64楼 [楼主] 2008-01-11 12:05 | 猫冬      
@ξσ Dicky σξ
已经发布插件
  回复  引用  查看    
#65楼  2008-01-11 14:31 | ddr888888 [未注册用户]
lz很人才 赞
  回复  引用    
#66楼  2008-01-16 06:15 | 黄色期刊 [未注册用户]
兄弟,真够意思。。我支持你
  回复  引用    
#67楼 [楼主] 2008-01-16 11:47 | 猫冬      
谢谢大家的支持
插件请看我的第二篇文章,陆续在更新版本
  回复  引用  查看    
#68楼  2008-02-28 09:43 | kevin_chen [未注册用户]
chenchen1981@hotmail.com
谢谢 可以发给我一份马
  回复  引用    
#69楼  2008-03-01 15:22 | 苹果11 [未注册用户]
来晚了 给我一份好吗 snake220@163.com
  回复  引用    
#70楼 [楼主] 2008-03-01 19:35 | 猫冬      
@kevin_chen
@苹果11
2位朋友,插件年前就已经发布了
http://www.cnblogs.com/wzmaodong/archive/2008/01/11/1034901.html
  回复  引用  查看    
#71楼  2008-09-23 09:32 | 刘微 [未注册用户]
好东西 可以发我一份源代码么 想学习 谢谢了
  回复  引用    

标题  
姓名  
主页
Email (博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2008-01-10 21:21 编辑过


相关链接: