Validform验证控件使用
1.查看下载文件中的style.css,把里面Validform必须部分复制到你的css中(文件里这个注释 "/*==========以下部分是Validform必须的===========*/" 之后的部分是必须的)。之前发现有部分网友把整个style.css都引用在了页面里,然后发现样式冲突了。
2.引入jquery
<script type="text/javascript" src="/JS/front/jquery-1.7.1.min.js"></script>
引入Validform插件
<script src="/JS/front/Validform_v5.3.2.js" type="text/javascript"></script>
3.
var accountValid = $("#form1").Validform({
//(第一种,需要在验证的表单元素后面加<span class='Validform_checktip'></span>)
tiptype: function (msg, o, cssctl) {
if (!o.obj.is("form")) {//验证表单元素时o.obj为该表单元素,全部验证通过提交表单时o.obj为该表单对象;
var objtip = o.obj.siblings(".Validform_checktip");
cssctl(objtip, o.type);
objtip.text(msg);
}
}
});
var accountValid = $("#form1").Validform({
//(第二种,不需要在验证的表单元素后面加span class='Validform_checktip'></span>)
tiptype: function (msg, o, cssctl) {
if (!o.obj.is("form")) {
if (o.obj.parent().find(".Validform_checktip").length == 0) {
o.obj.parent().append("<span class='Validform_checktip' />");
}
var objtip = o.obj.siblings(".Validform_checktip");
cssctl(objtip, o.type);
objtip.text(msg);
}
}
});
accountValid.addRule([//给需要验证的元素绑定属性
{
ele: "#txtCardnbr",
datatype: "/^[0-9]{19}$/",//Validform正则要加//
tip: "请输入存管银行账户号",
nullmsg: "存管银行账户号不能为空!",
errormsg: "存管银行电子账号必须是19位!"
}
]);
4.验证通过执行方法
$("#btnCompKH").click(function () {
if (accountValid.check(false)) {
//验证通过执行的方法
}
});
5.要忽视一个文本框的验证
accountValid.ignore('#lianhanghao'); //要忽视验证的文本框id
accountValid.ignore('#lianhanghao,#lianhanghao1'); //要忽视验证的多个文本框id
6.不忽视文本框的验证
accountValid.unignore('#lianhanghao');
Validform验证控件使用相关推荐
- webform里的验证控件
1.非空验证控件:RequireFieldValidator :2.数据比较验证:CompareValidator :3.数据范围验证:RangeValidator :4.正则表达式验证:Regul ...
- NET中验证控件表达式汇总
ASP.NET为开发人员提供了一整套完整的服务器控件来验证用户输入的信息是否有效.这些控件如下: 1.RequiredFieldValidator:验证一个必填字段,如果这个字段没填,那么,将不能提交 ...
- Asp.Net中验证控件简单分析
为了实现验证,.net提供了一个javascript脚本,当我们生成一个asp.net页面时,通过查看页面源代码的方式,会发现都调用了下面一个javascript文件: <script src= ...
- WebForm服务器验证控件与前端js自定义验证共同使用
问题: 前端aspx页面中需要在button中添加OnClientClick事件后,这个OnClientClick所执行的自定义的客户端js验证:这个时候,所有的服务器验证控件都会失效! ...
- [jQuery]使用jQuery.Validate进行客户端验证(高级篇-下)——不使用微软验证控件的理由...
2019独角兽企业重金招聘Python工程师标准>>> 引用源:http://www.cnblogs.com/kyo-yo/archive/2010/07/06/Use-jQuery ...
- 关于页面有多个验证控件和多个按钮的问题
今天需要将petshop进行最后的完善发现 发现当页面有多个按钮时,验证控件仍然被随时出发,换句话说就是 只要有按钮出现时 验证控件就要被出发 从网上寻找答案 很快又了结果: 验证控件和按钮都有 ...
- ASP.NET 验证控件
ASP.NET公有六种验证控件,分别如下: 控件名 功能描叙 RequiredFieldValidator(必须字段验证) 用于检查是否有输入值 CompareValidator(比较验证) 按设定比 ...
- 风影ASP.NET基础教学 5 验证控件(二) 扩展自己的验证控件
前文回顾 我们之前提过了5种官方验证控件的方式. 下面我们来讲解编程方式验证和扩展自己的验证控件 以编程的方式验证asp.net控件 默认情况下,在页面回发到服务器时,页面初始化之后(即视图ViewS ...
- 自定义用户验证控件CustomValidator
背景:VisualStudio2005; 使用自定义控件判断注册用户名是否已经存在: 实现: html: <%@ Page Language="C#" AutoEventWi ...
最新文章
- 程序员们的时间管理法则
- 高一升学计算机,(有答案)2016年上学期高一年级对口升学第一次月考计算机应用试题资料讲解(9页)-原创力文档...
- 一对多查询,合并成一条数据
- java Design Patterns
- vscode怎么执行python_VScode | 执行python
- 【Android】Android Service的生命周期
- javascript 对象的设计模式
- Redis实战(二):Redis 的 String 类型 bitmap
- mysql创建数据库没有默认值报错_详解Mysql数据库date, datetime类型设置0000-00-00默认值(default)报错问题...
- log4net根据日志类型写入到不同的文件中
- Java教程:Java break语句:跳出循环
- Linux下解决无法远程连接数据库问题
- 电动牙刷C语言程序,电动牙刷的日常维护
- CTO职责铁三角:商业、技术、团队
- lidatr2rosbag工具包,KITTI数据转换ros bag文件
- 公路多孔箱涵设计_双孔8x3.3米钢筋混凝土箱涵设计套图(19张)
- Javase多态(对多态的理解、多态的体现)
- 迅视财经 如何在“算法过滤”的世界里生活
- 2021软件测试面试题汇总【备战金九银十】内容较长建议收藏
- 蓝鸟中文编程2.7破解版
热门文章
- Centos7安装smplay
- 张高兴的 .NET Core IoT 入门指南:(六)串口通信入门
- 【高考过后,专业选择】谈谈数通方向(计算机网络、网络工程、通信工程)
- 关于Web3j之OpenAPI
- 奈雪的茶赴港IPO:净利润率0.2%、大店模式存争议、商标悬而未决
- 迪赛智慧数——柱状图(极坐标扇图):2022年中国露营消费者会购买的露营装备
- 互联网、大数据、人工智能和实体经济深度融合
- 获得三星(Samsung) Galaxy Note 10.1的root权限--(2)
- 领导力启程 - 从个人贡献者华丽转身成为领导者
- 绕开“死循环”:苹果不靠英特尔处理器也能主导市场