一款比较实用,并且验证类型齐全的jQuery表单验证插件.
可以验证哪些? 文字,日期,邮箱,网址,数字,AJAX用户名验证以及自定义的正则等等几乎所有我们要用到的验证.
如何使用?
第一步,当然是和使用其他jQuery插件一样,引入插件文件vanadium.js;
第二步,根据你表单要使用的验证方法,在你的表单中加入对应的验证挂钩.比如你想使下面的表单为必填项:
<input id="checkempty">
那么,就给它添加
class=”:required”> :
<input id="checkempty" class=":required">
其他的也依次类推,类似:required的验证钩子,可以在静态页中找到,比如数字是:number,最大值是:max_length;4,当然,你还可以自定义或者修改成你懂的名称.
如果你同一个表单要满足多个条件,比如必填项,且输入字符数在4-8之间,你可以这样写:
<label for="checkmaxmin">输入4到8个字符:</label>
<input id="checkmaxmin" class=":required :min_length;4 :max_length;8">
明白了吗?用空格隔开条件即可;
第三步,修改弹出信息,比如此项不可为空,你觉得不个性,你可以在判断语句中找到这个字段修改成你觉得个性的.
第四步,删除你用不到的条件判断.保持代码的干净精练,是一种美德.DEMO页面中列出了所有的判断方法,这些判断在现实应用中几乎不可能在同一个表单中用完.所以,删除那些你用不着的判断语句.不删?好吧,那只能证明你很懒,别的没什么影响.
第五步,几个参数说明:
valid_class: 'rightformcss',//验证正确时表单样式
invalid_class: 'failformcss',//验证失败时该表单样式
message_value_class: 'msgvaluecss',//这个样式是弹出信息中调用值的样式
advice_class: 'failmsg',//验证失败时文字信息的样式
哦?就这么简单,没其他好说的了,使用时请看我写的注释.
分享到:
相关推荐
jquery 表单 验证 插件,个人认为是一款极其实用的,内含源码,一看就会
此作品是一款实用的Jquery插件,名称:webluker,实现了表单验证功能,同时也是一个现成的表单注册模块,可以直接应用到网站上的注册模块
bootstrap-validator是一款简单实用的Bootstrap3表单验证jQuery插件。该表单验证插件使用HTML5的data属性来设置验证属性,可以完成所有常用的表单验证功能。
jquery jquery表单验证实用例子jquery jquery表单验证实用例子jquery jquery表单验证实用例子 验证插件示例
最新实用的Validate通用表单验证Jquery插件
来源:http://www.17sucai.com 使用后感:简单实用
这是一款jQuery表单验证插件,这个demo中只展示email的效果,只有当用户输入正确的email地址时,提交按钮才显示出来,十分实用。
非常轻量级的一个验证表单插件,减少了程序员大量编写正则表达式来验证表单填写的完整性,每个验证规则只需一个属性便可实现,如验证非空,只需要给该字段添加属性required:true便可搞定,非常简单实用
jquery/validation_engine表单提交验证,简单实用。将css和js引用,并在需要验证的元素class中填写相应参数,以及表单提交的方法中进行验证 $("#userForm").validateEngine("validate")。在项目中已经实用,很方便。
有兴趣刚需的可以自己下载,非常实用的代码,可以完美运行,有能力的还可以二次修改!
jquery 非常实用的3个插件,表单验证 单击图片谈出层全屏左右翻看、关闭、支持按键(找了很久)。 还有一个非常简单的弹出层。
简单实用的jQuery用户注册表单验证代码,如果输入框为空或者格式不对提交表单会有提示。
主要介绍了JQuery表单验证插件EasyValidator用法,以实例形式系统分析了EasyValidator的功能特性及具体用法,是非常实用的jQuery插件,需要的朋友可以参考下
自已写的框架,用起来非常方便实用,有问题欢迎留言,开源的配置来太麻烦,学习成本比较高,我自己写的很简单实用!
今天我们要给大家带来一款非常实用的jQuery登录表单插件,这款jQuery登录表单的特点是可以对一些注册登录时常用的字段类型进行简单的验证,比如电子邮件格式和必填检查。另外还有一个特点是我们可以在同一个页面完整...
Validate用户注册表单验证插件是一款基于jQuery实现的通用表单验证插件,有DEMO实例,简单实用。可以进行账号、密码、电话、手机、IP、URL、电子邮箱、中文姓名、身份证号码、数字验证码、自定义验证规则-数字等用户...
此作品是一款实用的Jquery插件,名称:webluker,实现了表单验证 功能,同时也是一个现成的表单注册模块,可以直接应用到网站上的 注册模块,样式简洁大气
非常实用的特效代码,可以完美运行,可以二次修改!
有兴趣刚需的可以自己下载,非常实用的特效代码,可以完美运行,有能力的还可以二次修改!