validform表单验证
validform插件主要把所有的验证条件和验证提示信息绑定到每个表单元素,这种形式非常方便,下面写法更加智能得到label内容来提示
【1】引入js脚本:
<link href="${ctx}/assets/css/validform.css" rel="stylesheet" type="text/css" />
<script src="${ctx}/assets/js/validform_min.js"></script>
【2】html:
<form action="${ourl}/insert" class="form-horizontal form-bordered" method="post" id="validform"><div class="form-group"><label class="control-label col-md-3">类型</label><div class="col-md-4"><select class="form-control" data-width="100%" name="equipment.categoryId" id="equipmentCategory"><option value="">--请选择--</option><c:forEach items="${equipmentCategoryList}" var="obj"><option value="${obj.id}" <c:if test="${obj.id eq equipment.categoryId }">selected</c:if> >${obj.name}</option></c:forEach></select></div></div><div class="form-group"><label class="control-label col-md-3">设备名称</label><div class="col-md-4"><input class="form-control inputxt" type="text" value="${equipment.name}" name="equipment.name"/> </div></div>
</form>
【3】js脚本:
// 添加验证
$(function(){var demo=$("#validform").Validform({//指明是哪一表单需要验证,名称需加在form表单上;tiptype:3,label:".control-label",showAllError:true,ignoreHidden:true,datatype:{"zh1-6":/^[\u4E00-\u9FA5\uf900-\ufa2d]{1,6}$/,"Aa1":/^[A-Za-z0-9]+$/}});demo.addRule([{ele:".inputxt",datatype:"*1-256"},{ele:"select"//<option value="">--请选择--</option>,这一项的值为空,否则无效,datatype:"*"//也可以写到input标签里}]);// 阻止表单提交(这是一种形式,因为还没找到两者比较时候的判断)$("#submit").click(function(event) {var highest = $("#highest").val();var lowest = $("#lowest").val();if(highest <= lowest){alert("最高层熟不能小于最低层数");return false;// 禁止提交}if(lowest > 2){alert("最低层数不能大于1");return false;}});
})
validform表单验证相关推荐
- Validform表单验证框架详解
Validform是另外一种表单验证框架,也是基于jQuery框架,用法比较灵活. 这里使用该框架的版本号为: Validform_v5.3.2 官网:http://validform.rjboy.c ...
- php form表单验证,Validform表单验证总结篇
近期项目里用到了表单的验证,选择了Validform_v5.3.2. 先来了解一下一些基本的参数: 通用表单验证方法: Demo:$(".demoform").Validform( ...
- Validform表单验证总结
本文转载自: https://www.cnblogs.com/dreamflycc/p/5073820.html 作者:dreamflycc 转载请注明该声明. 近期项目里用到了表单的验证,选择了Va ...
- Validform表单验证时可以为空,否则按照指定的格式验证
<div class="gues_line"> <label> <span>您的姓名:</span> </label> ...
- Validform实时表单验证插件实例使用
文档日期:2016-10-17 适用范围:所有类型网站表单验证 插件版本:v5.3.2 插件地址:http://validform.rjboy.cn/Validform/v5.3.2/Validfor ...
- 表单验证之validform.js使用方法
Validform使用入门 1.引入css 请查看下载文件中的style.css,把里面Validform必须部分复制到你的css中(文件里这个注释 "/*==========以下部分是Va ...
- validForm结合layer制作表单验证提示
首先要引入jquery,Validform和layer <script src="../js/jquery.min.js"></script> <sc ...
- validform 的ajax验证,表单验证插件Validform使用笔记
Validform是一款很强大的表单验证插件,号称一行代码搞定整站的表单验证!javascript 实际使用感受还不错,比jquery-validate简单易用.html 一.应用Validform, ...
- validform一款好用的表单验证插件
最近做表单验证,发现Validform这款插件很好用,官网地址http://validform.rjboy.cn/document.html 自己按照它的文档介绍很快写了一个简单的例子, <sc ...
最新文章
- 报名 | 论道无人驾驶:近在咫尺还是遥遥无期
- curl模拟多线程抓取网页(优化)
- NYOJ 回文字符串
- MySQL 数据库大小写的问题
- 【Android 组件化】路由组件 ( 路由组件结构 )
- 软件维护费 一般按照多少比例_2021年国家电网招聘:笔试进面一般是多少比例?...
- Mysql数据库和表的增删改查以及数据备份恢复
- 聊聊推荐系统的高阶特征交叉问题
- android 动画卡顿分析工具
- 《精通脚本黑客》读本书吧
- 获取服务器的wsdl文件,vb.net根据wsdl文件生成WebService服务器端代码
- linux系统软件包下载
- 遗传算法求解立体仓库货位优化
- springboot Junit单元测试之坑--@SpringBootTest注解无法加载src/main/resources目录下资源文件
- 热敏打印机打不出字怎么解决
- OpenERP 7.0入门(一):安装及开发环境部署
- python中pass关键字
- su oracle 登录不了,Oracle中su切换进去sqlplus登录失败的问题处理
- 非北京户口,户口地买房提取公积金
- DNS域名劫持的几种解决方法
热门文章
- 隐藏EXCEl单元格
- WebRTC直播课堂实践:实时互动是核心,Android开发必须会的技能
- tgp饥荒服务器mod文件在哪,《饥荒》TGP联机版如何上传MOD图文详细攻略
- sql查询近一年的资金总和
- python time.sleep精确延时,Python time sleep()– time.sleep()方法的一站式解决方案
- 围绕“开源+深耕”策略和数字化监控手段,动态管理场景生态价值
- 浅谈古建筑电气火灾成因及防控对策
- 遗传算法【matlab实现】(内含matlab基础式注释)
- Hexo部署至云服务器的宝塔面板
- 期货小鳄鱼:市场交易里,做多做空本无所谓对错