请选择 进入手机版 | 继续访问电脑版
收藏本站腾讯微博新浪微博
点点网模板设计大赛 phpchina

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 用悬赏 三天解决问题 解决访问速度慢 论坛支持农历生日 - 给官方提建议

论坛活动及任务 归纳网站最新活动 地图任务 邮件更新任务:保护帐号安全

积分换实物,来参加蓝色理想积分兑换吧! 联系招聘客服 蓝色理想帮你找工作! 万元奖励等你拿——点点网模板设计大赛

查看: 13373|回复: 20

番茄的表单验证类-omeweb修改美化版,结合JQ [复制链接]

omeweb 楼主

橘子香水

高级会员

帖子
557
体力
969
威望
5
居住地
福建省 福州市
发表于 2008-1-14 17:10:14 |显示全部楼层
首先要申明,我的修改是基于 番茄的表单验证类 的,原版见这里

我修改的
1,只是做了简单的美化
2,还有就是修复了原来的验证数字 大于10,小于100 的BUG,其实很简单,加了一个parseInt而已,见笑了
3,增加了事件,当输入框离开的时候就立即显示验证结果,并不是等输入完毕了一起再来检测
4,支持一小区域内的表单验证,只要给出合适的selector

先看看效果图


演示是:
http://omeweb.com/photo/temp/validator/

使用:
  1. $(document).ready(setup);

  2. function setup()
  3. {validator.setup("#form1");}
复制代码

注意,这里还支持一小区域内的表单验证,只要给出合适的selector(选择器请BAIDU下了)

写的比较仓促,大家多提意见。如果运行没有效果,请刷新一下,那是因为JQ还没下载下来。

代码是:

 提示:您可以先修改部分代码再运行


[ 本帖最后由 omeweb 于 2008-1-14 17:17 编辑 ]
已有 1 人评分威望 收起 理由
帅青蛙 + 2 谢谢分享

总评分: 威望 + 2   查看全部评分

xml5
西部数码顶级域名注册商39元抢注!

番茄红了

金牌会员 手机认证 

帖子
1560
体力
4013
威望
41
居住地
广东省 广州市
发表于 2008-1-14 17:32:02 |显示全部楼层
哈,修改得不错,赞一个。。
租服务器,上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具 举报

rokaye 
帖子
12
体力
11
威望
0
居住地
广东省 深圳市
发表于 2008-1-14 17:53:03 |显示全部楼层
不错收藏了.

使用道具 举报

omeweb 楼主

橘子香水

高级会员

帖子
557
体力
969
威望
5
居住地
福建省 福州市
发表于 2008-1-14 17:57:49 |显示全部楼层
谢谢,我是站在巨人的肩膀上,这个验证只是换了套衣服而已
xml5

使用道具 举报

荣泰

银牌会员 手机认证 

帖子
369
体力
1633
威望
0
居住地
广东省 广州市
发表于 2008-1-14 18:53:50 |显示全部楼层
验证英文时如果输入为空也能通过,浮点数输入整数时也能通过

使用道具 举报

omeweb 楼主

橘子香水

高级会员

帖子
557
体力
969
威望
5
居住地
福建省 福州市
发表于 2008-1-15 08:32:57 |显示全部楼层

回复 #5 Lion5859 的帖子

浮点数输入整数时也能通过 是个问题,

验证英文时如果输入为空也能通过 是因为这个不是必填项目
xml5

使用道具 举报

子心 

网络白痴

钻石会员

帖子
2863
体力
7514
威望
19
居住地
浙江省 杭州市
发表于 2008-1-15 08:37:56 |显示全部楼层
中文那边可以输入英文。
网上药博会
其实我没什么话说。你说呢?

使用道具 举报

子心 

网络白痴

钻石会员

帖子
2863
体力
7514
威望
19
居住地
浙江省 杭州市
发表于 2008-1-15 08:38:53 |显示全部楼层
qq号码验证提示成了“不是一个有效的IP地址。”
网上药博会
其实我没什么话说。你说呢?

使用道具 举报

omeweb 楼主

橘子香水

高级会员

帖子
557
体力
969
威望
5
居住地
福建省 福州市
发表于 2008-1-15 09:12:56 |显示全部楼层

回复 #8 子心 的帖子

准备修改时 论坛提示: 对不起,您的帖子从发表到现在已超过 60 分钟,不能再进行编辑,请返回。

针对这两个问题,已经做了更新,原作者都已经做好了,只是没加上去,我已经加上去了,由于不能更新了,大家见我站内的演示

http://omeweb.com/photo/temp/validator/

可以点这里下载:http://omeweb.com/photo/temp/validator/validator.rar

我又做了更新:
  1. <script language="javascript" type="text/javascript">
  2. $(document).ready(setup);
  3. function setup()
  4. {validator.setup("#form1",null,"ok");}
  5. </script>
复制代码

上面有3个参数,第一个是必须的,就是验证范围的选择器,第二个就是出错的时候的样式名称,默认为alert,第三个就是通过的时候的样式名称
另外一个更新就是当全部验证时 对 input type=button 的做了排除,对 input type=hidden的不予理睬

[ 本帖最后由 omeweb 于 2008-1-15 09:21 编辑 ]
xml5

使用道具 举报

帖子
68
体力
29
威望
0
发表于 2008-1-15 09:20:26 |显示全部楼层
开眼界了,非常不错!

使用道具 举报

xling 

艾克司令

荣誉管理

帖子
4230
体力
14923
威望
90
居住地
广东省 深圳市
发表于 2008-1-15 09:29:10 |显示全部楼层
看大家讨论的那么热烈,俺也把俺写的验证类发来,供大家参考.

 提示:您可以先修改部分代码再运行

xling.cnblogs.com

使用道具 举报

omeweb 楼主

橘子香水

高级会员

帖子
557
体力
969
威望
5
居住地
福建省 福州市
发表于 2008-1-15 09:41:56 |显示全部楼层

回复 #11 xling 的帖子

你的结构和代码分离做的很好
xml5

使用道具 举报

lq917 
帖子
68
体力
154
威望
0
发表于 2008-1-15 09:53:20 |显示全部楼层

数字的验证好像有问题

比如限定为10-100,我输入100.1却通过了。
这点很重要,假如用于库存管理,出库时绝对不能够超过库存量的

使用道具 举报

omeweb 楼主

橘子香水

高级会员

帖子
557
体力
969
威望
5
居住地
福建省 福州市
发表于 2008-1-15 10:03:06 |显示全部楼层

回复 #13 lq917 的帖子

谢谢,演示已经做了更新
xml5

使用道具 举报

帖子
3
体力
11
威望
0
发表于 2008-4-17 16:20:56 |显示全部楼层
请问如何在表单检测时不会把radio元素自动去掉了,如何检测是否选择了radio元素?
[img]ftp://61.183.32.148/myee/music.gif[/img][img]ftp://61.183.32.148/myee/mysig.jpg[/img]

使用道具 举报

帖子
183
体力
276
威望
2
居住地
湖北省 武汉市
发表于 2008-4-17 16:34:13 |显示全部楼层
好好学习了好多!感谢!
www.yule521.com

使用道具 举报

的士司机

金牌会员 手机认证 

帖子
1422
体力
4899
威望
0
居住地
广东省 深圳市
发表于 2008-4-26 00:35:48 |显示全部楼层
不错的东西,有用武之地!

使用道具 举报

hoogl 
帖子
79
体力
264
威望
0
发表于 2008-8-7 11:51:12 |显示全部楼层
radio元素消失,还有表单内的超链接也会消失
20字节以内

使用道具 举报

帖子
17
体力
94
威望
0
居住地
安徽省 合肥市
发表于 2009-2-14 20:12:53 |显示全部楼层
提醒:最后回贴距现在 192 天,请不要无意义回复

使用道具 举报

cwlf 

三国英雄论坛

银牌会员

帖子
634
体力
2630
威望
0
居住地
湖北省 武汉市
发表于 2010-6-10 10:24:54 |显示全部楼层
提醒:最后回贴距现在 481 天,请不要无意义回复

使用道具 举报

帖子
4
体力
19
威望
0
居住地
四川省 成都市
发表于 2011-6-7 14:47:22 |显示全部楼层
提醒:最后回贴距现在 363 天,请不要无意义回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|安久科技提供CDN|blueidea.com ( 京ICP备05002321号 )  

GMT+8, 2012-2-13 08:32 , Processed in 0.232868 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部