EasyUi输入框验证扩展！！！大全！！！！

最新推荐文章于 2024-05-21 19:09:41 发布
最新推荐文章于 2024-05-21 19:09:41 发布
阅读量140 收藏
点赞数
文章标签： javascript json python ViewUI
原文链接：https://my.oschina.net/u/2550627/blog/610850
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

$.extend($.fn.validatebox.defaults.rules, {
    CHS: {
        validator: function (value, param) {
            return /^[\u0391-\uFFE5]+$/.test(value);
        },
        message: '请输入汉字'
    },
    ZIP: {
        validator: function (value, param) {
            return /^[1-9]\d{5}$/.test(value);
        },
        message: '邮政编码不存在'
    },
    email: {
        validator: function (value, param) {
            return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(value);
        },
        message: '邮箱格式有误'
    },
    
    QQ: {
        validator: function (value, param) {
            return /^[1-9][0-9]{4,9}$/.test(value);
        },
        message: 'QQ号码不正确'
    },
    mobile: {
        validator: function (value, param) {
            
            return /^(0?(13[0-9]|15[012356789]|18[0-9]|14[57])[0-9]{8})$/.test(value)||/^(0?(13[0-9]|15[012356789]|18[0-9]|14[57])[0-9]{8}\/0?(13[0-9]|15[012356789]|18[0-9]|14[57])[0-9]{8})$/.test(value);
        },
        message: '手机号码不正确'
    },
    phone: {
        validator: function (value, param) {
            
            return /^(\+\d+)?(\d{3,4}\-?)?\d{7,8}$/.test(value);
        },
        message: '座机号码不正确'
    },
    mobileorphone: {
        validator: function (value, param) {
            
            return /^((\+\d+)?(\d{3,4}\-?)?\d{7,8})|(0?(13[0-9]|15[012356789]|18[0-9]|14[57])[0-9]{8})$/.test(value);
        },
        message: '电话号码不正确'
    },
    fax: {
        validator: function (value, param) {
            return /^(\d{3,4}-)?\d{7,8}$/.test(value);
        },
        message: '传真号码不正确'
    },
   
    loginName: {
        validator: function (value, param) {
            return /^[\u0391-\uFFE5\w]+$/.test(value);
        },
        message: '登录名称只允许汉字、英文字母、数字及下划线。'
    },
    safepass: {
        validator: function (value, param) {
            return safePassword(value);
        },
        message: '密码由字母和数字组成，至少6位'
    },
    equalTo: {
        validator: function (value, param) {
        alert(param);
            return value == $(param[0]).val();
        },
        message: '两次输入的字符不一致'
    },
    equalOrGreatTo: {
        validator: function (value, param) {
            return value >= $(param[0]).val();
        },
        message: '本次输入的字符和上次比较应该相同或者更大'
    },
    number: {
        validator: function (value, param) {
            return isNumber(value);
        },
        message: '请输入正整数字'
    },
    isNumber: {
        validator: function (value, param) {
            return /^[\-]?\d+([\.]?[\d]{1,})?$/.test(value);
        },
        message: '请输入数字'
    },
   Char: {
        validator: function (value, param) {
            return /^[a-zA-Z]+$/.test(value);
        },
        message: '请输入英文字母'
    },
    numberAndChar: {
        validator: function (value, param) {
            return /^[a-zA-Z0-9]+$/.test(value);
        },
        message: '请输入数字或英文字母'
    },
    stringsDou: {
        validator: function (value, param) {
            return /^[a-zA-Z0-9,]+$/.test(value);
        },
        message: '请输入数字或英文字母'
    },
    numberCharAndChs: {
        validator: function (value, param) {
            return /^[a-zA-Z0-9\u0391-\uFFE5]+$/.test(value);
        },
        message: '请输入数字或英文字母或汉字'
    },
    stringsDouT: {//包含小数点 add by mengxin 2014-11-13
        validator: function (value, param) {
            return /^[a-zA-Z0-9.\u0391-\uFFE5]+$/.test(value);
        },
        message: '请输入数字或英文字母'
    },
    idcard: {
        validator: function (value, param) {
            return idCard(value);
        },
        message:'请输入正确的身份证号码'
    },
    numberDouble: {
        validator: function (value, param) {
        if (undefined==param) {
            return isNumber(value);
        }
        var pattern = new RegExp("^[1-9]{1}\\d*([\\.]{1}[\\d]{1,"+param+"})?$|^0$|^[0]{1}[\\.]{1}[\\d]{1,"+param+"}$");
            return pattern.test(value);
        },
        message:'请输入小数或整数,小数点后保留{0}位'
    },
    exRateHL: {
        validator: function (value, param) {
        if (undefined==param) {
            return false;
        }
        var pattern = new RegExp("^[1-9]{0,"+param[0]+"}([\\.]{1}[\\d]{0,"+(param[1]-1)+"})?[1-9]$|^[0]{1}[\\.]{1}[\\d]{0,"+(param[1]-1)+"}[1-9]$");
            return pattern.test(value);
        },
        message:'汇率格式为小数点前最多1-{0}位,小数点后保留{1}位,最后一位不可为0'
    },
    isNotChinese: {
        validator: function (value, param) {
            return /[^\u4e00-\u9fa5]+$/.test(value);
        },
        message:'请输入非中文字符'
    },
    isString: {  //汉字、英文、数字 、下滑线、横线、点、空格、逗号
        validator: function (value, param) {
            return /^[\u0391-\uFFE5\w\s-\.\,]+$/.test(value);
        },
        message:'输入内容含有非法字符'
    },
    isPercent: {  //验证百分数
        validator: function (value, param) {
            return /^[\-]?\d+([\.]?[\d]{1,})?\%$/.test(value);
        },
        message:'请输入百分数'
    },
    isNotSelect: {
        validator: function (value, param) {
            return isSelect(value);
        },
        message:'请选择下拉选项'
    },
    date:{
        validator: function (value, param) {
            return /^((\d{2}(([02468][048])|([13579][26]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[\-\/\s]?((0?[1-9])|([1-2][0-9])))))|(\d{2}(([02468][1235679])|([13579][01345789]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[\-\/\s]?((0?[1-9])|(1[0-9])|(2[0-8]))))))(\s(((0?[0-9])|([1-2][0-3]))\:([0-5]?[0-9])((\s)|(\:([0-5]?[0-9])))))?$/.test(value);
        },
        message:'请输入正确的日期格式'
   },
   date_yyyy_mm:{
       validator: function (value, param) {
           return /^\b[1-3]\d{3}(-|\/)(0[1-9]|1[0-2])$/.test(value);
       },
       message:'请输入格式为yyyy-MM(2014-01)'
   },
   date_yyyy_mm_dd:{
       validator: function (value, param) {
           return /^\b[1-3]\d{3}(-|\/)(0[1-9]|1[0-2])(-|\/)(0[1-9]|1[0-9]|2[0-9]|3[0-1])$/.test(value);
       },
       message:'请输入格式为yyyy-MM-dd(2014-01-01)'
   },
   date_yyyy_mm_dd_hh_mm :{
       validator: function (value, param) {
           return /^\b[1-3]\d{3}(-|\/)(0[1-9]|1[0-2])(-|\/)(0[1-9]|1[0-9]|2[0-9]|3[0-1])\s((0?[0-9])|(1[0-9]|2[0-3]))\:([0-5]?[0-9])$/.test(value);
       },
       message:'请输入格式为yyyy-MM-dd hh:mm(2014-01-01 00:00)'
   },
   comparedate : {/* 比较大小 */
        validator : function(value, param) {
            var msg = param[1];
            var startDate = new Date(Date.parse($('#'+param[0]).datebox("getValue").replace(/-/g, "/")));
            var endDate = new Date(Date.parse(value.replace(/-/g, "/")));
            if(startDate.getTime() < endDate.getTime()){
                return true;
            } else {
                $.fn.validatebox.defaults.rules.comparedate.message = msg;
                return false;
            }
        },
        message : '该输入项为必输项'
    },
   compare : {/* 比较大小 */
        validator : function(value, param) {
            var msg = param[2];
            var expression = param[1];
            var cv = parseFloat($('#'+param[0]).val()); //比较值
            value = parseFloat(value);
            if(expression == "\>"){
                if(value > cv){
                    return true;
                } else {
                    $.fn.validatebox.defaults.rules.compare.message = msg;
                    return false;
                }
            }else if(expression == "\>="){
                if(value >= cv){
                    return true;
                } else {
                    $.fn.validatebox.defaults.rules.compare.message = msg;
                    return false;
                }
            } else if(expression == "\<"){
                if(value < cv){
                    return true;
                } else {
                    $.fn.validatebox.defaults.rules.compare.message = msg;
                    return false;
                }
            } else if(expression == "\<="){
                if(value <= cv){
                    return true;
                } else {
                    $.fn.validatebox.defaults.rules.compare.message = msg;
                    return false;
                }
            } else {
                if(value == cv){
                    return true;
                } else {
                    $.fn.validatebox.defaults.rules.compare.message = msg;
                    return false;
                }
            }
        },
        message : '该输入项为必输项'
    },
    CJH:{//车架号验证
        validator: function (value, param) {
            if (value.length == 0) {
                return false;
            }
            var result = $.ajax({
                type: "POST",//http请求方式
                url:purl+'cjhValidator.dh?key=checkCJH',    //服务器段url地址
                data:{CJH:value},      //发送给服务器段的数据
                dataType: "json", //告诉JQuery返回的数据格式
                async: false
            }).responseText;
            result = JSON.parse(result);
            if (result.success == false) {
                $.fn.validatebox.defaults.rules.CJH.message = result.msg;
                return false;
            } else {
                return true;
            }
        },
        message:'该输入项为必输项'
    },
    checklength: {
        validator: function (value, param) {
            if (value.length != param[0]) {
                $.fn.validatebox.defaults.rules.checklength.message = param[1]+'的长度必须为'+param[0]+'位';
                return false;
            }else{
                return true;
            }
        }
    }
});

var isSelect=function (value){
    if(value.indexOf("请选择")>-1)
        return false;
    return true;
};

var isNumber = function (value) {
    return /^\d+$/.test(value);
};

var safePassword = function (value) {
    return !(/^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\(\)\[\]\{\}<>\?\\\/\'\"]*)|.{0,5})$|\s/.test(value));
};

var idCard = function (value) {
    if (value.length == 18 && 18 != value.length) return false;
    var number = value.toLowerCase();
    var d, sum = 0, v = '10x98765432', w = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2], a = '11,12,13,14,15,21,22,23,31,32,33,34,35,36,37,41,42,43,44,45,46,50,51,52,53,54,61,62,63,64,65,71,81,82,91';
    var re = number.match(/^(\d{2})\d{4}(((\d{2})(\d{2})(\d{2})(\d{3}))|((\d{4})(\d{2})(\d{2})(\d{3}[x\d])))$/);
    if (re == null || a.indexOf(re[1]) < 0) return false;
    if (re[2].length == 9) {
        number = number.substr(0, 6) + '19' + number.substr(6);
        d = ['19' + re[4], re[5], re[6]].join('-');
    } else d = [re[9], re[10], re[11]].join('-');
    if (!isDateTime.call(d, 'yyyy-MM-dd')) return false;
    for (var i = 0; i < 17; i++) sum += number.charAt(i) * w[i];
    return (re[2].length == 9 || number.charAt(17) == v.charAt(sum % 11));
};

var isDateTime = function (format, reObj) {
    format = format || 'yyyy-MM-dd';
    var input = this, o = {}, d = new Date();
    var f1 = format.split(/[^a-z]+/gi), f2 = input.split(/\D+/g), f3 = format.split(/[a-z]+/gi), f4 = input.split(/\d+/g);
    var len = f1.length, len1 = f3.length;
    if (len != f2.length || len1 != f4.length) return false;
    for (var i = 0; i < len1; i++) if (f3[i] != f4[i]) return false;
    for (var i = 0; i < len; i++) o[f1[i]] = f2[i];
    o.yyyy = s(o.yyyy, o.yy, d.getFullYear(), 9999, 4);
    o.MM = s(o.MM, o.M, d.getMonth() + 1, 12);
    o.dd = s(o.dd, o.d, d.getDate(), 31);
    o.hh = s(o.hh, o.h, d.getHours(), 24);
    o.mm = s(o.mm, o.m, d.getMinutes());
    o.ss = s(o.ss, o.s, d.getSeconds());
    o.ms = s(o.ms, o.ms, d.getMilliseconds(), 999, 3);
    if (o.yyyy + o.MM + o.dd + o.hh + o.mm + o.ss + o.ms < 0) return false;
    if (o.yyyy < 100) o.yyyy += (o.yyyy > 30 ? 1900 : 2000);
    d = new Date(o.yyyy, o.MM - 1, o.dd, o.hh, o.mm, o.ss, o.ms);
    var reVal = d.getFullYear() == o.yyyy && d.getMonth() + 1 == o.MM && d.getDate() == o.dd && d.getHours() == o.hh && d.getMinutes() == o.mm && d.getSeconds() == o.ss && d.getMilliseconds() == o.ms;
    return reVal && reObj ? d : reVal;
    function s(s1, s2, s3, s4, s5) {
        s4 = s4 || 60, s5 = s5 || 2;
        var reVal = s3;
        if (s1 != undefined && s1 != '' || !isNaN(s1)) reVal = s1 * 1;
        if (s2 != undefined && s2 != '' && !isNaN(s2)) reVal = s2 * 1;
        return (reVal == s1 && s1.length != s5 || reVal > s4) ? -10000 : reVal;
    }
};

转载于:https://my.oschina.net/u/2550627/blog/610850

weixin_34290390
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
easyui 扩展 带单位输入框
07-29
easyui 扩展 带单位 输入框 input
jquery easyui 验证框的使用
龙井的专栏
03-24 453
使用过程中的一积累，备查。 EasyUI 验证框使用方法: // 0、调用数据验证方法 return $("#form1").form('validate'); 示例： 1、验证是否必填 class="easyui-validatebox" missingMessage="xxx必须填写" 2、验证字符串长度 class="easyui-validatebox" mi
easyUI 输入框验证（数字、字母、下划线）
u013115923的博客
10-13 1628
[code="java"] $(function () { //设置text需要验证 $('#tcmc').validatebox(); }) var fg=true; $.extend($.fn.validatebox.defaults....
easyui输入框验证问题
zwj13603571674的博客
01-09 237
先上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="juqary-easyui/demo/demo.css"&gt...
easyui输入框的类型验证
Mars_Fe工作室
12-30 1234
easyui输入框验证拓展，可自行进行额外拓展
详解Jquery Easyui的验证扩展
11-28
一、扩展easyui的验证规则 二、使用 在data-option加上属性：validType:’phone’，如下面所示： data-options="required:true,validType:'phone'"  data-options="required:false,validType:'telePhone'"  三、...
EasyUi图标扩展样式大全（1700个）
10-14
EasyUi图标扩展样式大全（1700个）,在用EasyUI做项目是发现自带的Icon图标太少，而且不是很美观。于是就有了下面的东西，很全的EasyUI图标.
easyui验证扩展
04-13
NULL 博文链接：https://liuna718-163-com.iteye.com/blog/1726042
easyui输入框的自定义规则验证
weixin_34296641的博客
03-01 1072
easyui输入框的自定义规则验证 1.包含数字，字母，特殊符号，长度为八位的密码。 ^(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[\x21-\x2F\x3A-\x40\x5b-\x60\x7b-\x7e])[0-9a-zA-Z\x21-\x2F\x3A-\x40\x5b-\x60\x7b-\x7e]{8,}$ ...
easyUI日常问题之自定义输入框验证
小菜菜菜菜菜菜的博客
11-26 1393
1、这里是需要验证的文本，我这里是验证经纬度。 2、然后在中定义 附上经纬度的正则表达式 经度：/^-?(([1-9]\d?)|(1[1-7]\d)|180)(\.\d{1,6})?$/ 纬度：/^-?(([1-8]\d?)|([1-8]\d)|90)(\.\d{1,6})?$/ 这样就解决啦~~~
easyui输入框 正则校验数值，小数值，ip地址
weixin_42674490的博客
10-12 1276
一、校验方法 1.IP地址正则校验 var reg = /^(25[0-5]|2[0-4]\d|[0-1]?\d?\d)(.(25[0-5]|2[0-4]\d|[0-1]?\d?\d)){3}$/ 2.正数（可小数点）正则校验 var reg = /^\d+(.\d+)?$/; 3.数值（可负数，小数），isNaN()方法校验 var val = isNaN(value) // true:非数值，false:数值 二、easyui使用校验 1.html <input id="ip校验"
EasyUI DataGrid 编辑数据 加邮箱验证 Input 邮箱验证
xinjiatao的专栏
04-22 497
  DataGrid: JSP: &lt;th data-options="field:'email_mail',width:465,editor:'validatebox', editor:{type:'validatebox',options:{required:true,validType:'email'}}"&gt;邮箱&lt;/th&gt; JS: columns:[[...
openlayers绘制经纬网格，有添加或者移除功能
qq_52959651的博客
05-21 121
我的项目是vue写的，当点击多选框显示隐藏经纬网格，下面直接写代码。项目需要在地图中添加经纬网格，然后看了一下官网有相关的介绍。这是删除图层相关的网站。这是绘制经纬网格方法。
ant design DatePicker日期选择框指定分钟的间隔minuteStep属性
u010234868的专栏
05-17 200
在上面的例子中，DatePicker 将只允许用户以 15 分钟为间隔选择分钟。是 Ant Design 的 TimePicker时间选择框组件的一个属性。设置为 30，则用户可以选择以 30 分钟为间隔的分钟值。如果你想让分钟选项只能以 15 分钟为间隔选择，你可以将。
(Vue3+TS+Volar) 全局组件配置类型声明的最佳实践
从今年开始写写博客~~
05-14 244
简评：Volar官方全局组件的推荐写法，基于Volar，必须安装该插件，GlobalComponents是Volar专门为了解决全局组件类型而新增的类型接口。定义全局组件：使用GlobalComponents类型接口声明类型。
Vue.js的发展史（一）
2301_79683791的博客
05-15 760
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
Vue3详细讲解
贫僧法号依平
05-15 856
Vue 3 介绍为什么要学习 vue 3Vue3 动机 和 新特性Vite 的使用vite介绍为什么选 Vite？Vite 的基本使用Vue3.0项目介绍vscode插件说明组合式API体验 composition APIsetup 函数reactive 函数ref 函数script setup语法(★)案例：显示鼠标案例计算属性computed函数侦听器watch函数钩子函数的使用组件通讯-父传子组件通讯-子传父依赖注入 - provide 和 inject模板中 ref 的使用vue3中废弃了过滤器。
echarts的柱状图使用
qq_45331969的博客
05-15 190
【代码】echarts的柱状图使用。
Vue从入门到实战Day07
最新发布
ltt159264的博客
05-21 597
目标：明确vuex是什么，应用场景，优势vuex是一个vue的状态管理工具，状态就是数据。大白话：vuex是一个插件，可以帮助我们管理vue通用的数据（多组件共享的数据）①某个状态在很多个组件来使用（个人信息）②多个组件共同维护一份数据（购物车）①共同维护一份数据，数据集中化管理；②响应式变化；③操作简洁（vuex提供了一些辅助函数）。
修改EasyUI中combobox 的样式！
06-06
要修改EasyUI中combobox的样式，可以使用以下步骤： 1. 在HTML文件中引入自定义CSS文件，或在内部样式表中定义样式。 2. 使用CSS选择器选择要修改的combobox元素。例如，可以使用类选择器 `.combo` 选择所有...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值