用户名:123x往化领汉怀iaoruer
一款比较实用,并且验类型齐全的jQuery表单验插件.英文版原作者@Vanadium,由我做中文整理.排穿容坐第各E文水平有限,如果翻译的有问题的,请大家指出,在此感谢~
可以验哪些?文字,日期,邮箱,网址,数字,AJAX用户名验来自以及自定义的正则等等几乎所有茶原审落管构按季我们要用到的验.
不多说,看DEMO吧:点些下载
如何使用?
第一步,当然是和使用其他jQuery插件一样,引入插菜件文件vanadium.js;
第二步,根据你表单要使用的验方法,在你的表单中加入对应的验挂钩.比如你想使下面的表单为必填项:
<inputid="che
问答ckempty"/>那么,就给它添加class=”:required”>:
<inputid="checkempty"class=":required"/>其育或对先他的也依次类推,类似:required的验钩子,可以井需耐胶养治胜免论控在静态页中找到,比如数字是:**mber,最大值是:max_length;4,当然,你还可以自定义或者修改成你懂的名称.
如果你同一个表单要满少赵议住身令出限足多个条件,比如必填项,且输入字符数在4-8之间,你可以这样写:
<labelfor="checkmaxmin">输入4到8个字符:</label></td><td><inputid="checkmaxmin"class=":required:min_length;4:max_length;8"/>明白了吗?用空格隔开条件即可;
第三步,修改出信息,比如此项不可为空,你觉得不个性,你可以在判断语句中找到这个字段修改成你觉得个性的.
第四步,删除你用不到的条件判断.保持代码的干净精练,是一种美德.DEMO页面中列出了所有的判断方法,这些判断在现实应千庆沙帮用中几乎不可能在同一个表单中用完.所以,删除那些松用苗经群修边你用不着的判断语那艺全浓句.不删?好吧,那只能明你很懒,别的没什么影响.
第五步,几个参数说明:
valid_class:'rightformcss',//验地冲红流值鲜连察正确时表单样式
invalid_clas第鲁怀功似业案生话督福s:'failformcss',//验失败时该表单样式
mes王草到理河座学庆探sage_value_class:'ms**alu化继纪短笑苦ecss',//这个样式是出信息中调用值的样式
advice_class:'failmsg',倒想创最给名精省//验失败时文字信息的样请式哦?就这么简单,没其他好说的了,使用时请看我写的注释.