表单验证 Validform

未知
JavaScript
跨平台
2012-03-19
haiercdboy

Validform:一行代码搞定整站的表单验证!$(".demoform").Validform();

为什么能如此方便?插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符,这样你可以随便添加或者去掉任一表单元素而不必修改验证代码,从而使仅用一行代码去完成整站的表单验证的梦想成为现实!

功能简介:

囊括11种常见的格式验证形式,如果这些类型还不够,可以方便的传入自定义datype【可以是正则或函数】,实现几乎任何您需要的验证形式。

任何你想要的信息提示效果。tiptype可以传入1、2或函数,传入函数几乎可以实现任何你想要的提示效果,如元素右侧出现提示信息、弹出信息框等。另外还附加了$.Showmsg()、$.Hidemsg()全局弹出/关闭信息框方法以便整站有一个统一的信息提示效果【只要引入了该js文件就能调用这两个全局方法】;

当前版本外调插件可以实现文件上传检测、密码强度检测和日期控件效果;
支持ajax提交表单数据,也支持ajax实时反馈验证结果(如常见的用户注册表单下的用户名检测);
支持开启网速慢时的二次提交防御(有时连续的点击提交表单按钮会产生多次的表单提交结果);
指定表单下任一元素在单击时触发表单提交事件;
支持一个页面多表单的检测。例如你给页面上的各form绑定同样的class名称"demoform",只需在页面上写上一句 $(".demoform").Validform(),各表单便会独立检测。

加载中

评论(2)

痕迹灬
痕迹灬
非常好用
开源中国最帅没有之一
支持那种比如 英文算一个字符,,中文算2个字符吗??? Validform

暂无资讯

3
回答
validform ajaxpost:true不能提交表单
iehyou 的回答 2016/05/09 08:27
最佳答案
ajax不能提交文件的哦,记得好像还要指定file的id 查下文档吧
3
回答
Validform怎么,怎么加正则验证域名和ip
打杂uu 的回答 2015/08/06 21:19
最佳答案
<input type="text" placeholder="tel" name="tel" value="" class="input_text radius" datatype="/^$/|/^\d{3}-\d{8}$/i|/^\d{4}-\d{7}$/i" errormsg="联系电话...
2
回答
Validform自定义表单校验无效~求大神解答,下面是代码。

提交后程序没有进入到beforeCheck:function 这个方法里面来,而是直接提交了。 下面是代码: $(document).ready(func...

2013/03/31 13:23

没有更多内容

加载失败,请刷新页面

没有更多内容

jquery表单验证

<script src="/static/libs/Validform_v5.3.2_min.js"></script> <form action='/admin/template/add' class='validform form-horizontal' method='post'> <input type="text" id="temp_name...

2016/08/10 11:44
3
0
JEECG 3.7.8 新版表单校验提示风格使用&升级方法(validform 新风格)

JEECG 表单校验新提示风格使用讲解&升级方法 (validform 新风格漂亮,布局简单) JEECG 表单校验采用的是validform,默认的校验提示需要占用页面布局,提示效果较传统。jeecg这个自定义的校验...

2018/08/09 14:36
119
0
Validform使用入门

Validform使用入门 1、引入css 请查看下载文件中的style.css,把里面Validform必须部分复制到你的css中(文件里这个注释 "/*==========以下部分是Validform必须的===========*/" 之后的部分是...

2015/03/16 11:05
74
0
Ajax实例(二)Validform表单验证插件的应用

一、nanjinonline项目,newborrow.html产品发布页。应用了Validform表单验证插件 Validform插件官网地址 http://validform.rjboy.cn/document.html <script>     $(function() {     ...

2015/05/17 15:27
69
0
开发指南专题九:JEECG微云快速开发平台-表单校验组件ValidForm

开发指南专题九:JEECG微云快速开发平台-表单校验组件ValidForm

2015/01/01 15:18
47
0
开发指南专题九:JEECG微云快速开发平台-表单校验组件ValidForm

开发指南专题九:JEECG微云快速开发平台表单校验组件ValidForm 10.表单校验组件ValidForm 10.1使用入门 1、引入css 请查看下载文件中的style.css,把里面Validform必须部分复制到你的css中(...

2016/03/30 22:43
9
1
js表单验证框架

有两种: (1)validate (2)validform 我偏向于validform,因为它更漂亮,可参考官网:http://validform.rjboy.cn/

2013/12/22 10:47
27
0
分享一个不错的jquery表单验证插件

网站demo地址:http://validform.rjboy.cn/demo.html 具体用法网站上面有文档:http://validform.rjboy.cn/document.html 转载自:http://www.9958.pw/post/jquery_form_valid...

2016/03/09 18:53
37
1

没有更多内容

加载失败,请刷新页面

返回顶部
顶部