打印

番茄的表单验证类-omeweb修改美化版,结合JQ

首先要申明,我的修改是基于 番茄的表单验证类 的,原版见这里

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

先看看效果图


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

使用:
复制内容到剪贴板
代码:
$(document).ready(setup);
function setup()
{validator.setup("#form1");}
注意,这里还支持一小区域内的表单验证,只要给出合适的selector(选择器请BAIDU下了)

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

代码是:

 提示:您可以先修改部分代码再运行
[ 本帖最后由 omeweb 于 2008-1-14 17:17 编辑 ]
本帖最近评分记录
  • 帅青蛙 威望 +2 谢谢分享 2008-1-15 09:08

TOP

哈,修改得不错,赞一个。。

TOP

不错收藏了.

TOP

谢谢,我是站在巨人的肩膀上,这个验证只是换了套衣服而已

TOP

验证英文时如果输入为空也能通过,浮点数输入整数时也能通过

TOP

回复 #5 Lion5859 的帖子

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

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

TOP

中文那边可以输入英文。

天也空,地也空,人生渺茫在其中;日也空,月也空,东升西沉为谁功;
田也空,屋也空,换了多少主人翁;金也空,银也空,死后何曾握手中。

TOP

qq号码验证提示成了“不是一个有效的IP地址。”

天也空,地也空,人生渺茫在其中;日也空,月也空,东升西沉为谁功;
田也空,屋也空,换了多少主人翁;金也空,银也空,死后何曾握手中。

TOP

回复 #8 子心 的帖子

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

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

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

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

我又做了更新:
复制内容到剪贴板
代码:
<script language="javascript" type="text/javascript">
$(document).ready(setup);
function setup()
{validator.setup("#form1",null,"ok");}
</script>
上面有3个参数,第一个是必须的,就是验证范围的选择器,第二个就是出错的时候的样式名称,默认为alert,第三个就是通过的时候的样式名称
另外一个更新就是当全部验证时 对 input type=button 的做了排除,对 input type=hidden的不予理睬

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

TOP

开眼界了,非常不错!

TOP

看大家讨论的那么热烈,俺也把俺写的验证类发来,供大家参考.

 提示:您可以先修改部分代码再运行
我向往我美丽的梦,但是美丽的太遥远。。。
求职,有意者请联系。。。

TOP

回复 #11 xling 的帖子

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

TOP

数字的验证好像有问题

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

TOP

回复 #13 lq917 的帖子

谢谢,演示已经做了更新

TOP

请问如何在表单检测时不会把radio元素自动去掉了,如何检测是否选择了radio元素?
[img]ftp://61.183.32.148/myee/music.gif[/img][img]ftp://61.183.32.148/myee/mysig.jpg[/img]

TOP

好好学习了好多!感谢!
www.yulemm.com

TOP

不错的东西,有用武之地!

TOP

好东西,值得收藏
这些都是当用户离开某个输入控件才开始进行判断的

有没有一种js写的用户输入的数据不合法不能输入数据, 或者对输入的数据立即格式化等等

TOP