【esayui】扩展验证方法,控件验证
基础验证
//页面调用方法
$.extend($.fn.validatebox.defaults.rules, {
验证电话
IsPhoneRex: {
validator: function (value) {
var rex = /^1[3-8]+\d{9}$/;
var rex2 = /^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/;
if (rex.test(value) || rex2.test(value)) {
// alert('t'+value);
return true;
} else {
//alert('false '+value);
return false;
}
},
message: '请输入正确电话或手机格式'
},
最大最小长度提示
maxLength: {
validator: function (value, param) {
return value.length <= param[0];
},
message: '最大长度为{0}字符'
},
minLength: {
validator: function (value, param) {
return value.length >= param[0];
},
message: '最小长度为{0}字符'
},
长度在什么之间
lengthLimit: {
validator: function (value, param) {
return value.length >= param[0] && value.length <= param[1];
},
message: '字符长度必须介于{0}和{1}之间'
},
验证货币
IsCurrency: {
validator: function (value) {
return /^\d+(\.\d+)?$/i.test(value);
},
message: '货币格式不正确'
},
验证中文
IsChinese: {
validator: function (value) {
return /^[\Α-\¥]+$/i.test(value);
},
message: '请输入中文'
},
验证登录名
loginName: {
validator: function (value, param) {
return /^[\u0391-\uFFE5\w]+$/.test(value);
},
message: '登录名称只允许汉字、英文字母、数字及下划线。'
},
验证英语
IsEnglish: {
validator: function (value) {
return /^[A-Za-z]+$/i.test(value);
},
message: '请输入英文'
},
验证是否包含空格和非法字符
IsNnnormal: {
validator: function (value) {
return /.+/i.test(value);
},
message: '输入值不能为空和包含其他非法字符'
},
验证中文,英文,数字
stringCheckSub: {
validator: function (value) {
return /^[a-zA-Z0-9\u4E00-\u9FA5]+$/.test(value);
},
message: "只能包括中文字、英文字母、数字"
},
验证只运行输入字母或者数字
IsNumberOrLetter: {
validator: function (value) {
return /^[0-9a-zA-Z]+$/.test(value);
},
message: '只能包含数字或者字母'
},
验证数字
IsNumber: {
validator: function (value, param) {
return /^[+|-]{0,1}(\d+)$|^[+|-]{0,1}(\d+\.\d+)$/.test(value);
},
message: '请输入合法数字'
},
验证数字范围
IsNumberF: {
validator: function (value, param) {
return (/^[+|-]{0,1}(\d+)$|^[+|-]{0,1}(\d+\.\d+)$/.test(value) && value <= 30 && value >= -30 && /^[+|-]{0,1}([1-9]\d*|[0]{1,1})$/.test(value / 0.5));
},
message: '请输入-30到30数字'
},
验证数值扩展位数限制
IsNumberDigit: {
validator: function (value, param) {
if (/(^[1-9]\d*$)/.test(value)) {
return (/^[+|-]{0,1}(\d+)$|^[+|-]{0,1}(\d+\.\d+)$/.test(value) && value.length < param[0] + 1);
}
return (/^[+|-]{0,1}(\d+)$|^[+|-]{0,1}(\d+\.\d+)$/.test(value) && value.length < param[0] + 2);
},
message: '最多输入{0}位数值类型'
},
验证整数数字
IsIntNumber: {
validator: function (value, param) {
return /^-?\d+$/.test(value) && value > 0;
},
message: '请输入整数数字'
},
验证正数数字
IsPlusNumber: {
validator: function (value, param) {
return /^[+]{0,1}(\d+)$|^[+]{0,1}(\d+(\.\d{1,2})?)$/.test(value) && value > 0;
},
message: '请输入合法正数数字'
},
验证正数数值扩展位数限制
IsPlusNumberDigit: {
validator: function (value, param) {
if (/(^[1-9]\d*$)/.test(value)) {
return (/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+(\.\d{1,2})?)$/.test(value) && value.length < param[0] + 1) && value > 0;
}
return (/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+(\.\d{1,2})?)$/.test(value) && value.length < param[0] + 2) && value > 0;
},
message: '最多输入{0}位正数数值类型'
},
验证非负小数数字
IsNotLoseDecimalNumber: {
validator: function (value, param) {
return /^[+]{0,1}(\d+)$|^[+]{0,1}(\d+(\.\d{1,2})?)$/.test(value) && value >= 0;
},
message: '请输入合法非负数'
},
验证非负小数数字扩展位数限制
IsNotLoseDecimalNumberDigit: {
validator: function (value, param) {
if (/(^[1-9]\d*$)/.test(value)) {
return (/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+(\.\d{1,2})?)$/.test(value) && value.length < param[0] + 1) && value >= 0;
}
return (/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+(\.\d{1,2})?)$/.test(value) && value.length < param[0] + 2) && value >= 0;
},
message: '最多输入{0}位非负数'
},
验证小数位数[包含正负]
checkDecN: {
validator: function (value, param) {
return /^[+-]?\d+(\.\d{1,2})?$/.test(value);
},
message: '请输入小数位数不能超过2位的数值'
},
验证小数位数
checkDec: {
validator: function (value, param) {
return /^\d+(\.\d{1,2})?$/.test(value);
},
message: '请输入小数位数不能超过2位的数值'
},
验证小数位数增加范围
checkDecF: {
validator: function (value, param) {
return /^\d{0,8}\.{0,1}(\d{1,2})?$/.test(value) && value > 0;
},
message: '请输入大于0的数值小数位数小于2'
},
验证用户名
IsUsername: {
validator: function (value) {
return /^[a-zA-Z][a-zA-Z0-9_]{5,15}$/i.test(value);
},
message: '用户名不合法(字母开头,允许6-16字节,允许字母数字下划线)'
},
验证邮政编码
IsZip: {
validator: function (value) {
return /^[1-9]\d{5}$/i.test(value);
},
message: '邮政编码格式不正确'
},
验证年龄
IsAge: {
validator: function (value) {
return /^(?:[1-9][0-9]?|1[01][0-9]|120)$/i.test(value);
},
message: '年龄必须是0到120之间的整数'
},
select即选择框的验证
selectValid: {
validator: function (value, param) {
if (value == param[0]) {
return false;
} else {
return true;
}
},
message: '请选择'
},
});
控件调用形式
<input class="easyui-validatebox holiday-int" data-options="required:true,validType:'IsNumber'" maxlength="" />
DataGrid控件编辑验证:
只能输入正整数:
editor: {
type: 'validatebox',
options: {
validType: 'checkDecN',
onValidate: function (valid) { },
onBeforeValidate: function () {
$(this).attr('maxlength', );
$(this).on("keyup", function (event) {
this.value = this.value.replace(/[^\d|\.]/g, '');
}); }
}
},
能输入整数(正负)
editor: {
type: 'validatebox',
options: {
validType: ['IsPlusNumber', 'checkDec', 'maxLength[10]'],
onBeforeValidate: function () {
$(this).attr("maxlength", )
$(this).on("keyup", function (event) {
this.value = this.value.replace(/[^\+|\-|\d|\.]/g, '');
}); }
}
},
validType属性可以继续使用上面的验证扩展,但是只是在页面给出提示,有时候我们想要是直接不让输入,所有就需要onBeforeValidate事件。在这个事件内做验证。
【esayui】扩展验证方法,控件验证的更多相关文章
- 每日学习心得:CustomValidator验证控件验证用户输入的字符长度、Linq 多字段分组统计、ASP.NET后台弹出confirm对话框,然后点击确定,执行一段代码
2013-9-15 1. CustomValidator验证控件验证用户输入的字符长度 在实际的开发中通常会遇到验证用户输入的字符长度的问题,通常的情况下,可以写一个js的脚本或者函数,在ASP ...
- 强大的ASP.NET控件---验证控件
学习完了牛腩之后,在进行ASP.NET的学习的时候,对全部学的知识.都有一种似曾相识的感觉,"哦,这个,在牛腩新闻公布系统中用过".仅仅只是那时候.用的也是迷迷糊糊的,就说 ...
- offline页面开发常用方法及页面控件验证
offline页面开发常用方法及页面控件验证,对一些CheckBoxList操作进行封装,新人可以直接使用该代码. 1.返回上一页网址 /// <summary> /// Descript ...
- 方法控件[置顶] Asp.net总结(一)
本文朋友在青岛逛街的时候突然想到的...这两天就有想写几篇关于方法控件的博客,所以回家到之后就奋笔疾书的写出来发表了 纵观 Asp.net的学习只会之路,可以发现 Asp.net可以分为以下几大块 控 ...
- jquery.validate.js 一个jQuery验证格式控件
官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery plugin: Validation 使用说明 转载 ...
- 验证性控件的使用--验证两个文本框至少有一个不为空CustomValidator
转:http://blog.163.com/zhaowencong_2010/blog/static/20402815220122103155643/ 有时候我们在注册一个帐号时要求我们留下电话号码, ...
- VS2010保存时控件验证(用onclientclick事件) js脚本
控件按钮代码: asp:Button ID="btnSave" runat="server" OnClick="btnSave_Click" ...
- AngularJS:一行JS代码实现控件验证效果
如上图所示,我们需要实现如下这些验证功能: 控件都是必输控件 都需要控制最大长度 第一次打开页面,控件不能显示为错误状态 输入内容再清空后,必输控件需要显示为错误状态 只有所有输入合法后,发布按钮才能 ...
- 扩展easyUI tab控件,添加加载遮罩效果
项目里要用HighChart显示图表,如果返回的数量量太多,生成图表是一个很耗时的过程.tab控件又没有显示遮罩的设置(至少本菜是没有找到), Google了一下,根据另一个兄台写的方法,拿来改造了一 ...
随机推荐
- 安装zookeeper(单机,伪集群)
1.登陆zookeeper官网下载 https://zookeeper.apache.org/ zookeeper-3.4.8.tar.gz 解压:tar -zxvf zookeeper-3.4.8. ...
- 【慕课网实战】Spark Streaming实时流处理项目实战笔记十七之铭文升级版
铭文一级: 功能1:今天到现在为止 实战课程 的访问量 yyyyMMdd courseid 使用数据库来进行存储我们的统计结果 Spark Streaming把统计结果写入到数据库里面 可视化前端根据 ...
- Oracle数据库查询基本数据
------------------------------------------------------------------找出EMP表select * from EMP;--选择在部门30中 ...
- ubuntu下搭建一个数据化处理的开发环境
1.搭建matplotlib环境 构建matplotlib运行环境,需要满足相关软件环境. numpy库提供大数据集的数据的数据结构和数学方法.诸如元组.列表或字典等python的默认数据结构同样可以 ...
- django扩展User认证系统
第一种方法proxy 如果你对Django提供的字段,以及验证的方法都比较满意,没有什么需要改的.但是只是需要在他原有的基础之上增加一些操作的方法.那么建议使用这种方式.示例代码如下: #在model ...
- 带权单源最短路发[稠密图](Dijkstra)
对于稠密图,采用邻接矩阵较为合适 所以我们先构建一个邻接矩阵 typedef int Vertex; typedef int WeightType; //图 typedef struct MyGrap ...
- 团队作业第五周(HCL盐酸队)
一.Alpha版本测试报告 1.测试计划 测试项目 上下移动 左右移动 发射子弹 与敌方坦克进行攻击 2.测试过程 测试截图 错误记录(提交issues到码云团队项目) 3.测试找出的bu ...
- Python自动化开发 - Python操作Memcached、Redis、RabbitMQ
Memcached Memcached 是一个高性能的分布式内存对象缓存系统,用于动态Web应用以减轻数据库负载. 它通过在内存中缓存数据和对象来减少读取数据库的次数,从而提高动态.数据库驱动网站的速 ...
- 选项卡--原生js
比较基础的一个特效,毕业设计要做一些记录,就把这些都记下来吧,万一用到的时候忘了呢 function changeTab() { let navs = document.getElementsByTa ...
- itext实现合同尾部签章部分自动添加,定位签名
使用的pom <!-- pdf处理 start--> <dependency> <groupId>com.itextpdf</groupId> < ...