一款比较实用齐全的jQuery表单验证插件

一款比较实用,并且验证类型齐全的jQuery表单验证插件.英文版原作者@Vanadium,由我做中文整理.E文水平有限,如果翻译的有问题的,请大家指出,在此感谢~
可以验证哪些? 文字,日期,邮箱,网址,数字,AJAX用户名验证以及自定义的正则等等几乎所有我们要用到的验证.
不多说,看DEMO吧: 点此查看DEMO点此下载DEMO
如何使用?
第一步,当然是和使用其他jQuery插件一样,引入插件文件vanadium.js;
第二步,根据你表单要使用的验证方法,在你的表单中加入对应的验证挂钩.比如你想使下面的表单为必填项:

那么,就给它添加class=”:required”> :

其他的也依次类推,类似:required的验证钩子,可以在静态页中找到,比如数字是:number,最大值是:max_length;4,当然,你还可以自定义或者修改成你懂的名称.
如果你同一个表单要满足多个条件,比如必填项,且输入字符数在4-8之间,你可以这样写:




明白了吗?用空格隔开条件即可;
第三步,修改弹出信息,比如此项不可为空,你觉得不个性,你可以在判断语句中找到这个字段修改成你觉得个性的.
第四步,删除你用不到的条件判断.保持代码的干净精练,是一种美德.DEMO页面中列出了所有的判断方法,这些判断在现实应用中几乎不可能在同一个表单中用完.所以,删除那些你用不着的判断语句.不删?好吧,那只能证明你很懒,别的没什么影响.
第五步,几个参数说明:

valid_class: 'rightformcss',//验证正确时表单样式
invalid_class: 'failformcss',//验证失败时该表单样式
message_value_class: 'msgvaluecss',//这个样式是弹出信息中调用值的样式
advice_class: 'failmsg',//验证失败时文字信息的样式

哦?就这么简单,没其他好说的了,使用时请看我写的注释.

共有 122 条评论.

发表评论63,302 Views

  1. 家人没有患会传染的疾病也没有客人时,可以不用公筷,当然,也不要在吃饭时含着筷子咂吧。

    [回复]

  2. 不管什么原因,也不能拿孩子出气,孩子是无辜的,既然把她带到这世上来,就要好好的爱她,疼她,而不是把她带到世上来,又亲手扼杀了她的生命,这样的母亲是无法被原谅的,这是我作为一个刚失去双胎宝宝母亲的看法,我是多么想把孩子带到这世上来,而我可怜的孩子还没来得及看这世界,就夭折了,有些人有了就亲手把她给毁了,真让人痛心!

    [回复]

  3. 听他说这地方是你的那地方是你的 ,是你的为啥不派兵看着? 造那些军舰干什么用?还假装挺有思想的留个标识!你这跟刻舟求剑有什么不同!

    [回复]

  4. 应该到美国的后院去军演,让美国人也看看。

    [回复]

  5. 建造航母是好事,壮我国威,振我军威。为何我国的媒体要引用外国的报道呢

    [回复]

  6. 绝对是抑郁了,作为性格开朗的女汉子,我公婆老公对我也不错,但是生产后也有轻微的抑郁,所以那些作老公的男人们真的注意了,女人怀孕和生产期间,能让就让让吧

    [回复]

  7. 本来今天休息的 可是老板让来加班 气氛不已 看到这个消息后 我觉得这个加班很有必要 值。。。。

    [回复]

  8. 不要无脑喷了,找到差距,缩小差距才是当务之急

    [回复]

  9. 呵呵我是哪这篇新闻说事,请问1万多米下来怎么活 博士?

    [回复]

  10. 2011年职称英语辅导软件,售价:198,考前押题,送教材,通过率85%,3套以上8折!不过免费再学,免费升级!2011年职称日语辅导软件,零基础售价:298元,考前押题,通过率96%,3套以上8折!送日汉简易词典!内容包括视频教学、专项训练、历年真题、模拟考试、错题复习、考前押题(考前自动更新,押题试卷含答案)

    [回复]

  11. 积水潭医院骨科是全国顶尖的医疗技术医院,手指骨折主要是要自己后期的康复锻炼

    [回复]

  12. zf欺、压百姓倒是手段很强硬,给自己找借口意淫安慰自己倒是很能,jfj吹牛倒是很能。敢打???放心吧,在梦里会打的啦!!!!强烈要求用全民投票的方式来做决定!!!!!

    [回复]

  13. 搞亚运,我可以感觉得出广州政府投入了很多钱,至于赚多少我就没法感觉了

    [回复]

  14. 太好了,中,俄,朝早该联手了,团结一至。

    [回复]

  15. 进来专程看评论的果然又见到了2B,中国艘破航母去打小日本,很好,小心小日本拿航母撞死你

    [回复]

  16. 如果我们中国每人出十块钱都是一百多亿,难道我们还没有钱造航母吗?只要钱用在刀刃上 ,我们还怕他们美国吗?

    [回复]

  17. 常规战美国没有胆打,核战没有得打因为如果打大家一起死,除非大家发傻。

    [回复]

  18. 希望我国大力研发国际先进技术!!!对教育加强改革投入,提高大学生创造创新能力!站在人类文明的制高点!

    [回复]

  19. 以前以前,以前死个小孩跟死个小狗一样你怎么不说

    [回复]

  20. 完了,中国的一大绝招:强拆。 流传到外国去了。

    [回复]

  21. 那飞机总得往下落不到了一定的高度在跳!鬼你妈晓得有没有几率活命!配了还是好些地

    [回复]

  22. 现在医生有几个有医德,给我奶奶拿药都指明要那种药了,医生非要换药结果吃了一天人就全身不舒服,杀人不犯法真心想把那医生捅死,药一停就好了。现在医生有几个有医德的,比大熊猫都少吧

    [回复]

  23. 中国永远不会“称霸”!中国人民是“爱好和平”的!“称王称霸”做“世界警察”是不会有好下场滴

    [回复]

  24. 老是俄称、美称、英称的,中方怎么不也称称啊?自己站出来说说,那样多么提升国民士气啊。。。。什么策略,俺搞不懂。。

    [回复]

  25. 太好啦 终于建起来了 不打你 大骂你 吓死你 呵呵

    [回复]

  26. 昨天来我家拆迁了,到处投诉无助,我绝望了。看到这消息,我觉得有希望了,做好准备跟他们干硬仗了。

    [回复]

  27. 看了评论就一个感想,一个自我感觉良好的民族!好好研究一下航母的历史再来说话吧!朋友!

    [回复]

  28. 中国3份之1是海,建航母是必不可少,但不是航母战斗群我们不要,还拿别人的来改装?我们没能力做吗?不要做落后的举动好不好。

    [回复]

  29. 日本,蛋玩之地,虽说科技发达,能扛着中国的二炮吗?500米一个炮弹,能用几个炮打的,异为平地。菲律宾,扶不起的阿斗,给中国对抗,还差一大节。美国不插手还好,如美国插手,中国早就备好了移动式洲际导弹。

    [回复]

  30. 一楼真是无知,深圳参观的和瓦良格不是同一条,竞然还有SB跟着起哄。还有,自己没造过航母,先买一艘旧的来改造做一下试验有什么不好吗,我们要造的是有战斗力的航母,不是造形象工程,不是造海上活靶

    [回复]

  31. 喷子们别瞎喷了,民航配备降落伞不现实的,最起码目前,可以研究设计给飞机配备大型降落伞!

    [回复]

  32. 不建议你们去搜一下南京大屠杀的视频资料再来谈谈它日本是多么彬彬有礼,多么文明的国家。有人会说不要总盯着历史不放,但是放过历史就等于放过曾经残害过几十万中国普通百姓的畜生! 去趟日本还很有面子一样!贱!

    [回复]

  33. 国家对于这个问题得真正重视起来,医生水平不够造成的事故就得严惩医生,病患无理打人也要严惩,不能只保护医生一方

    [回复]

  34. 我只记得有一句话叫“师夷长技以制夷”……学习不是为了做狗,而是为了以后的强大

    [回复]

  35. 喷子想得到,科学家想不到,果然中国喷子是仅次于韩国学者的yy神人呀!

    [回复]

  36. 请注意~这条船是不能军用的~~这是买卖条款规定的~~所以任何有关这条船的军用消息都是无聊的~~~~~

    [回复]

  37. 我晕,怀孕到生产女人要承受多大的痛苦啊!如果可以真希望换一换 男人怀孕生孩子!!尝尝这滋味!

    [回复]

  38. 应该在飞机尾部增设一个应急装置,大家都挤进去,然后脱离机体自救。

    [回复]

  39. 我家不用担心这个问题,因为我的父母为了卫生,主动提出使用公共筷子。不讲卫生的人,你们还是一起蘸着对方的口水用餐,然后说什么孝顺父母。我不反对。

    [回复]

  40. 所以现在医生都不敢给宝宝治病了!呵呵!儿科医生奇缺,为什么?呵呵幼儿看病太容易出问题…

    [回复]

发表评论[无需注册]


渔夫科技