一款比较实用齐全的jQuery 表单验证插件
一款比较实用,并且验证类型齐全的jQuery表单验证插件.英文版原作者@Vanadium,由我做中文整理.E文水平有限,如果翻译的有问题的,请大家指出,在此感谢~
可以验证哪些? 文字,日期,邮箱,网址,数字,AJAX用户名验证以及自定义的正则等等几乎所有我们要用到的验证.
不多说,看DEMO吧: 点此查看DEMO点此下载DEMO
如何使用?
第一步,当然是和使用其他jQuery插件一样,引入插件文件vanadium.js;
第二步,根据你表单要使用的验证方法,在你的表单中加入对应的验证挂钩.比如你想使下面的表单为必填项:
那么,就给它添加class=”:required”> :
其他的也依次类推,类似:required的验证钩子,可以在静态页中找到,比如数字是:number,最大值是:max_length;4,当然,你还可以自定义或者修改成你懂的名称.
如果你同一个表单要满足多个条件,比如必填项,且输入字符数在4-8之间,你可以这样写:
明白了吗?用空格隔开条件即可;
第三步,修改弹出信息,比如此项不可为空,你觉得不个性,你可以在判断语句中找到这个字段修改成你觉得个性的.
第四步,删除你用不到的条件判断.保持代码的干净精练,是一种美德.DEMO页面中列出了所有的判断方法,这些判断在现实应用中几乎不可能在同一个表单中用完.所以,删除那些你用不着的判断语句.不删?好吧,那只能证明你很懒,别的没什么影响.
第五步,几个参数说明:
invalid_class: 'failformcss',//验证失败时该表单样式
message_value_class: 'msgvaluecss',//这个样式是弹出信息中调用值的样式
advice_class: 'failmsg',//验证失败时文字信息的样式
哦?就这么简单,没其他好说的了,使用时请看我写的注释。
一款比较实用齐全的jQuery 表单验证插件相关推荐
- 12个方便易用的jquery表单验证插件
绝大部分网站都是开放注册的,而注册就需要使用表单验证,因为网站都需要对注册用户的信息安全性和合理性做出判断,表单的注册都应该具备完善的验证方式,比如注册使用的手机号是否是真实的?用户填写的验证码是否正 ...
- 轻量级的jQuery表单验证插件 - HAPPY.js
为什么80%的码农都做不了架构师?>>> 日期:2012-9-14 来源:GBin1.com 在线演示 本地下载 功能强大的表单验证插件很多,以前我们介绍过validati ...
- jQuery 表单验证插件,jQuery Validation Engine用法详解
jQuery 表单验证插件,jQuery Validation Engine用法详解 功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身 ...
- jQuery 表单验证插件 jQuery Validation Engine 使用
jQuery 表单验证插件 jQuery Validation Engine 使用方式如下: 1.引入头文件(注意一定要把jQuery放在前面),指定使用 jQuery Validation Engi ...
- jQuery 表单验证插件jQuery Validation Engine用法详解
功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则. jQuery Validation ...
- (转)强大的JQuery表单验证插件 FormValidator使用介绍
jQuery formValidator表单验证插件是客户端表单验证插件. 在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人资料,录入一些常规数据等等.在这之前,页面开发者( ...
- 强大的JQuery表单验证插件 FormValidator使用介绍
jQuery formValidator表单验证插件是客户端表单验证插件. 在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人资料,录入一些常规数据等等.在这之前,页面开发者( ...
- html中表单的校验的插件,jquery表单验证插件validationEngine
插件的特色: 封装强悍.例子充足(基本都验证类型都被囊括).调用轻便 注意事项: 1.演示版本为 v2.2.4: 2.v2.0 以下的版本参数并不完全通用: 对 validationEngine.jq ...
- JQuery表单验证插件EasyValidator,超级简单易用!
本插件的宗旨是:用户无需写一行JS验证代码,只需在要验证的表单中加入相应的验证属性即可,让验证功能易维护,可扩展,更容易上手. DEMO中已经包含了常用的正则表达式,可以直接复用,为了考虑扩展性,所以 ...
最新文章
- Kali Linux Web 渗透测试秘籍 翻译完成!
- 读CSS DIV网页样式与布局心得体会
- 关于报错ImportError: cannot import name ‘AbstractKeyedTuple‘ from ‘sqlalchemy.util._collections‘的解决
- shell脚本详解(三)——循环语句之for循环
- 《计算机应用基础实训教程》,《计算机应用基础实训教程》修改稿(文).doc
- linux c mysql 增删改查_Linux C语言连接MySQL 增删改查操作
- 6个好用的Web开发工具
- vue中watch监听路由传来的参数变化
- CentOS下NTP安装配置
- python五类前景_如何在Python中实现这五类强大的概率分布【转】
- C++ std::condition_variable wait() wait_for() 区别 怎么用 实例
- antDesign Drawer
- 数商云:补齐数字化短板,农林牧渔供应链升级执行“三步走”
- 计算机专业排名211大学排名,计算机专业大学排名,计算机专业强的211!
- java-接口之运动员教练员综合案例
- sv中program和module区别
- 西安交大的计算机试题及答案,《大学计算机基础试题及答案》-西安交通大学.doc...
- SQL语法范例大全pdf
- 电脑报2013年第7期
- 手机看PDF电子书如何设置左右翻页
热门文章
- C语言随机字母生成,C++ 随机数字以及随机数字加字母生成的案例
- 天津全国计算机考试报名时间2015,天津2020年计算机等级考试报名时间汇总
- Linux阶段复习题
- 人工智能入门:keras的example文件解析
- 【模板】树链剖分 P3384
- 【TensorFlow2.0】(3) 索引与切片操作
- OpenGL Transformation
- Python模块MySQLdb操作mysql出现2019错误:Can't initialize character set utf-8
- 最新 crtmpserver 源码的获取方法
- LTE: MIB和SIB,小区选择和重选规则