·设为首页收藏本站📧邮箱修改🎁免费下载专区🔐设置/修改密码👽群雄群聊
返回列表 发布新帖

通用表单验证组件Validform

303 0
发表于 2022-8-14 10:10:28 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
Validform是表单验证的一个解决方案,它可以让你不用考虑表单的验证逻辑和元素之间的依赖关系而只需专注于单个元素的验证规则,而且单个元素的验证它也已提供了常用的验证规则,这些规则它还允许你逻辑组合着使用,默认提供的规则不够用时还能很方便的扩展添加自定义的规则,验证的各种状态,如出错、成功等都能由自己决定怎么显示,所以,当你使用Validform做表单验证,要做的就只是给元素指定规则而已了!

Validform使用入门

1、引入Validform.css
  1. <link type="text/css" href="Validform.css"></script>
复制代码

2、引入js (jquery 1.4.3 以上版本都可以)
  1. <script type="text/javascript" src="jquery-1.4.3.min.js"></script><script type="text/javascript" src="Validform_v6.0.0-min.js"></script>
复制代码

3、给需要验证的表单元素绑定附加属性
  1. <form class="demoform" ><input type="text" value="" name="name" datatype="s5-16" errormsg="昵称至少5个字符,最多16个字符!" /></form>
复制代码

4、初始化,就这么简单
  1. new Validform();
复制代码

演示及下载:
http://validform.rjboy.cn/demo.html
我要说一句 收起回复
一花一世界,一叶一追寻。一曲一场叹,一生为一人。

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图

您的IP:3.18.104.220,125.74.110.59,GMT+8, 2024-5-21 11:48 , Processed in 0.213203 second(s), 70 queries , Gzip On, Redis On.

Based on Discuz! W1.0 Licensed

© 2001-2024 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表