热门关键字:
jquery > jquery插件 > jquery表单验证 > 网友红叶分享原创表单验证Jquery插件(最新修正版)

网友红叶分享原创表单验证Jquery插件(最新修正版)

14579
所属分类:jquery表单验证
发布时间:2013/3/25 10:28:17
下载量:2990
评论数:1
转载请自觉注明原文:http://www.jq-school.com/Detail.aspx?id=104
表单验证Jquery插件 vdform 1.1

作者:红叶  2012年

   本人初学jQuery,因为对于项目中用到的表单验证框架做了改进,成了当前的vdform 1.1,此框架应用于当前项目中,暂时能满足项目中的需求,因此共享给大家学习。

   改进基于”我是佛山人”的js验证框架和月影的ez validator的两个改进而成。 其实应该还有很多不足的地方,以后会慢慢完善,希望各位前端“攻城狮”能提出宝贵的意见,谢谢大家!

第一节   支持的验证
不能为空 Require
电子邮件地址 Email
电话号码 Phone
移动电话 Mobile
固定电话移电话均可验证 Tel
Url地址  Url
IP 地址 Ip
身份证号 IdCard
货币 Currency
正整数 Number
邮编 Zip
QQ号码(不支持现有的Email账号,可以自定义正则) QQ
正负整数 Integer
正整数 ZInteger
正负小数 Double
正小数 ZDouble
英文字母 English
纯汉字 chinese
用户名(数字及字母组合的字符串)  Username  
安全字符串(不能包含 !#< > ? * $ + - = @ % . * { } ( ) | \ / ~ ^ 等字符传) IsSafe
输出长度限制 Limit/LimitB
日期 date
密码重复匹配 repeat
整数或小数值必须在一定范围内 range
数值比较 compare
复选框必须选中m到 n个 group
下拉框必须选中 compare/require
自定义表达式 custom
多条件件组合验证(必须满足多条件才能通过) Require|Limit
兼容IE/FireFox/Safari/Opera 主流浏览器

第二节 如何使用
Vdform 基本的 jQuery扩展,所以,您得在<head></head>之间加入以下代码:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.vform.js"></script>
然后就是在表单元素加入验证属性
<form id="testform" action="" method="post">
    <input type="text" name="Name"  validata-options="validType:'Chinese',msg:'真实姓名只允许中文,并且大于两个字'"/>
    <input name="Submit" type="submit" value="确定提交">
</form>
 然后在这个表单后面加验证语句:
<script>
   $('#testform').checkForm();
</script>
这样就OK了!
简单介绍下验证属性:
validata-options  必须的,本插件是依靠这个自定义属性来达到验证效果的
validType  必须的,指定要验证的规则
msg  必须的,指定失败时提示的信息
required(true/false)不填默认为true 
第三节 组合验证
<input type="text"  name="Nick"  validata-options="validType:'Require|English',msg:'不能为空|英文名只允许英文字母'">
组合验证就是说多个普通验证组成的,只有所有条件都满足才能通过!请大家灵活运用!
 
其他具体的请参照dome
联系作者:
QQ:237420759
邮箱:nanzhang@haojoke.com
效果如下:
  




如果您觉得本作品对您的学习有所帮助:支付鼓励



关键字:原创 表单验证 验证插件 网友红叶 vdform
  • 网友红叶分享原创表单验证Jquery插件(最新修正版)如果你喜欢学院的资源就下载吧,亲,谢谢!
  • 网友红叶分享原创表单验证Jquery插件(最新修正版)
  • 网友红叶分享原创表单验证Jquery插件(最新修正版)
  • 提示:如果网络问题无法下载,请多尝试几次,与 网站管理员联系 或 本站留言 !

声明: 本站内容均为网友原创或整理于互联网,版权归作品最初创作人,转载请注明(出处)原文链接,转载前请邮件至磐temdy@qq.com,一旦发现造成侵权行为,后果自负。。

友荐云推荐