前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >JQuery EasyUI Validation 扩展

JQuery EasyUI Validation 扩展

作者头像
编程随想曲
发布于 2022-04-21 05:26:58
发布于 2022-04-21 05:26:58
41300
代码可运行
举报
文章被收录于专栏:编程随想曲编程随想曲
运行总次数:0
代码可运行

扩展js

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$.extend($.fn.validatebox.defaults.rules, {
    equals: {
        validator: function(value,param){
            return value == $(param[0]).val();
        },
        message: '两次输入内容不一致'
    },
    minLength: {
        validator: function(value, param){
            return value.length >= param[0];
        },
        message: 'Please enter at least {0} characters.'
    },
    //手机号码
    mobile: {
        validator: function(value, param){
            return /^0{0,1}1[3,8,5][0-9]{9}$/.test(value);
        },
        message: "手机号码格式不正确"
    },
    //身份证
    IDCard: {
        validator: function(value, param){
            return /^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value);
        },
        message: "请输入正确的身份证号码"
    },
    //比较时间选择器
    compareDate: {
        validator: function(value, param){
            return dateCompare($(param[0]).datebox("getValue"), value);
        },
        message: "结束日期不能小于开始日期"
    },
    // 验证是否包含空格和非法字符
    unnormal: {
        validator: function (value) {
            return /^[a-zA-Z0-9]/i.test(value);
        },
        message: '输入值不能为空和包含其他非法字符'
    },
    //过滤特殊字符
    filterSpecial:{
        validator: function(value, param){
            //过滤空格
            var flag = /\s/.test(value);
            //过滤特殊字符串
            var pattern  = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~!@#¥……&*()——|{}【】’‘《》;:”“'。,、?]");
            var specialFlag = pattern.test(value);
                return !flag && !specialFlag;
        },
        message: "非法字符,请重新输入"
    },
    checkNum: {
        validator: function(value, param) {
            return /^([0-9]+)$/.test(value);
        },
        message: '请输入整数'
    },
    checkFloat: {
        validator: function(value, param) {
            return /^[+|-]?([0-9]+\.[0-9]+)|[0-9]+$/.test(value);
        },
        message: '请输入合法数字'
    },
    length:{validator:function(value,param){
        var len=$.trim(value).length;
        return len>=param[0]&&len<=param[1];
    },
        message:"输入内容长度必须介于{0}和{1}之间."
    },
    phone : {// 验证电话号码
        validator : function(value) {
            return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
        },
        message : '格式不正确,请使用下面格式:020-88888888'
    },
    intOrFloat : {// 验证整数或小数
        validator : function(value) {
            return /^\d+(\.\d+)?$/i.test(value);
        },
        message : '请输入数字,并确保格式正确'
    },
    qq : {// 验证QQ,从10000开始
        validator : function(value) {
            return /^[1-9]\d{5,9}$/i.test(value);
        },
        message : 'QQ号码格式不正确'
    },
    age : {// 验证年龄
        validator : function(value) {
            return /^(?:[1-9][0-9]?|1[01][0-9]|120)$/i.test(value);
        },
        message : '年龄必须是0到120之间的整数'
    },
    chinese : {// 验证中文
        validator : function(value) {
            return /^[\Α-\¥]+$/i.test(value);
        },
        message : '请输入中文'
    },
    english : {// 验证英语
        validator : function(value) {
            return /^[A-Za-z]+$/i.test(value);
        },
        message : '请输入英文'
    },
    username : {// 验证用户名
        validator : function(value) {
            return /^[a-zA-Z][a-zA-Z0-9_]{5,15}$/i.test(value);
        },
        message : '用户名不合法(字母开头,允许6-16字节,允许字母数字下划线)'
    },
    faxno : {// 验证传真
        validator : function(value) {
//            return /^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/i.test(value);
            return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
        },
        message : '传真号码不正确'
    },
    zip : {// 验证邮政编码
        validator : function(value) {
            return /^[1-9]\d{5}$/i.test(value);
        },
        message : '邮政编码格式不正确'
    },
    ip : {// 验证IP地址
        validator : function(value) {
            return /^((([01]?[0-9]{1,2})|(2[0-4][0-9])|(25[0-5]))[.]){3}(([0-1]?[0-9]{1,2})|(2[0-4][0-9])|(25[0-5]))$/i.test(value);
        },
        message : 'IP地址格式不正确'
    },
    name : {// 验证姓名,可以是中文或英文
            validator : function(value) {
                return /^[\Α-\¥]+/i.test(value)|/^\w+[\w\s]+\w+/i.test(value);
            },
            message : '请输入中文或英文的姓名'
    },
    date : {// 输入合适的日期格式 yyyy-MM-dd或yyyy-M-d
        validator : function(value) {
         //格式yyyy-MM-dd或yyyy-M-d
            return /^(?:(?!0000)[0-9]{4}([-]?)(?:(?:0?[1-9]|1[0-2])\1(?:0?[1-9]|1[0-9]|2[0-8])|(?:0?[13-9]|1[0-2])\1(?:29|30)|(?:0?[13578]|1[02])\1(?:31))|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)([-]?)0?2\2(?:29))$/i.test(value);
        },
        message : '清输入合适的日期格式'
    }
});
/*
 * 比较两个日期的大小
 * 传入的参数推荐是"yyyy-mm-dd"的格式,其他的日期格式也可以,但要保证一致
 */
var dateCompare = function(date1, date2){
    if(date1 && date2){
        var a = new Date(date1);
        var b = new Date(date2);
        return a < b;
    }
}

用例

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div style="margin-bottom:20px">
            <label for="url" class="label-top">Url格式验证</label>
            <input id="url" class="easyui-validatebox tb" dataoptions="required:true,validType:'url',validateOnCreate:false,validateOnBlur:true" >
 </div>
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2017-04-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 编程随想曲 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
easyui扩展
验证扩展 代码 /** * @author * * @requires jQuery,EasyUI * * 扩展validatebox */ $.extend($.fn.validat
码客说
2019/10/22
1.1K0
easyui validate 后 使用ajax提交
<form id="gfxwjForm" name="gfxwjForm" action="" method="post" enctype="multipart/form-data"> <div class="win_body_cln_1"> 名&nbsp;&nbsp;称:<input class="easyui-textbox" id="txt_mc" name="txt_mc" data-options="required:true" missingMessage="不能为空!" style="height:30px" value="${zywsptGfxwjb.mc}"> </div>
用户5640963
2019/07/28
1.3K0
jQuery validate
一、jquery.validate.js /*! jQuery Validation Plugin - v1.11.0 - 2/4/2013 * https://github.com/jzaefferer/jquery-validation * Copyright (c) 2013 Jörn Zaefferer; Licensed MIT */ (function($) { $.extend($.fn, { // http://docs.jquery.
week
2018/08/24
1.4K0
Element ui: form表单使用
取值:获取 form 表单的每个表单项的值:this.formName.property,比如:this.ruleForm.username,this.ruleForm.psw 赋值:大部分都是下面这种方式赋值格式(property: value),一般的 input ,赋值和显示的事一致的,而有些则不一定。
青梅煮码
2023/03/02
1.6K0
JQuery扩展插件Validate—5添加自定义验证方法
从前面的示例中不难看出validate中自带的验证方法足以满足一般的要求,对于特别的要求可以使用addMethod(name,method,message)添加自定义的验证规则,下面的示例中添加了一个用于正则表达式验证的扩展验证的方法,示例如下:
张果
2022/05/09
1.1K0
JQuery扩展插件Validate—5添加自定义验证方法
jquery_validation插件辅助资料
jQuery Validate 客户端验证插件辅助资料 【】jQuery Validate网址 http://jqueryvalidation.org/ 【】jQuery validation引入 先引入jQuery,再引入jquery validation插件,以及支持I18N的插件文件 <script type="text/javascript" src="../jqueryvalidate/jquery.validate.min.js"></script> <script type="text/javascript" src="../jqueryvalidate/localization/messages_zh.min.js"></script> 【】jQuery validation插件的使用 1.定义表单 可以使用HTML form表单元素,也可以使用Struts2表单元素 <%@ page language="java" contentType="text/html; charset=UTF-8"     pageEncoding="UTF-8"%> <%@ taglib uri="/struts-tags" prefix="s" %> <s:form id="departmentaddform" action="../department/add.action" method="post"> <s:textfield id="departmentcode" name="dv.code" label="部门编码"></s:textfield> <s:textfield id="departmentname" name="dv.name" label="部门名称"></s:textfield> <s:submit value="提交"></s:submit> </s:form> 2.JavaScript引入jQuery validation  //部门表单验证  $("form#departmentaddform").validate({ rules: {        "dv.code": {            required: true,            rangelength: [5,10]        },        "dv.name":{ required: true        } }  }); 【】jQuery validation常用的验证规则 默认校验规则   (1)required:true               必输字段   (2)remote:"check.php"          使用ajax方法调用check.php验证输入值   (3)email:true                  必须输入正确格式的电子邮件   (4)url:true                    必须输入正确格式的网址   (5)date:true                   必须输入正确格式的日期   (6)dateISO:true                必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性   (7)number:true                 必须输入合法的数字(负数,小数)   (8)digits:true                 必须输入整数   (9)creditcard:                 必须输入合法的信用卡号   (10)equalTo:"#field"           输入值必须和#field相同   (11)accept:                    输入拥有合法后缀名的字符串(上传文件的后缀)   (12)maxlength:5                输入长度最多是5的字符串(汉字算一个字符)   (13)minlength:10               输入长度最小是10的字符串(汉字算一个字符)   (14)rangelength:[5,10]         输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)   (15)range:[5,10]               输入值必须介于 5 和 10 之间   (16)max:5                      输入值不能大于5   (17)min:10                     输入值不能小于10  【】验证规则的使用
DencyCheng
2018/11/05
1.1K0
js表单验证工具包
常用的js表单验证方法大全 1 /* 2 非空校验 : isNull() 3 是否是数字: isNumber(field) 4 trim函数: trim() lTrim() rTrim() 5 校验字符串是否为空: checkIsNotEmpty(str) 6 校验字符串是否为整型:
HUC思梦
2020/09/03
12.1K0
jQuery Validate自定义各种验证方法jQuery Validate自定义各种验证方法
jQuery Validate自定义各种验证方法 validate-methods.js /***************************************************************** jQuery Validate扩展验证方法 *****************************************************************/ $(function(){ // 判断整数value是否等于0
一个会写诗的程序员
2018/08/17
5.2K0
Yii2验证器(Validator)用法分析
如上所示,验证器主要使用在rules里面,对当前model里面的属性值进行验证以检查是否满足某种要求。
botkenni
2019/09/03
2.9K0
Yii2验证器(Validator)用法分析
C# 结合 JavaScript 对 Web 控件进行数据输入验证
在 Web 应用的录入界面,数据验证是一项重要的实现功能,数据验证是指确认 Web 控件输入或选择的数据,是否满足数据表数据约束,是否满足应用程序所需要数据约束规则。建立数据库约束可以满足数据验证的应用,但在实际的应用中,我们建议还是在更新信息到数据库前,在应用中执行数据验证,这样可减少错误录入,减少应用程序与数据库之间频繁通信造成的服务器压力。通过有效的数据验证,可以确认写入数据表中的数据是有效且符合预期的。本文我们将介绍如何通过C# 后端及JavaScript 前端对 Web 控件进行数据输入有效性的验证。
初九之潜龙勿用
2024/06/20
1270
C# 结合 JavaScript 对 Web 控件进行数据输入验证
JQuery学习—JQuery-Validation 使用
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/121266.html原文链接:https://javaforall.cn
全栈程序员站长
2022/07/19
4.7K0
jquery验证插件对表格数据的验_js与jquery的区别
说明:用 户 名————验证非空,长度在6到20之间,通过ajaxUserName验证用户名唯一
全栈程序员站长
2022/11/09
3K0
100个常用的 JS 代码片段分享,值得你收藏
function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr(i, 1); if (patrn.exec(temp) == null) { icount = icount + 1 } else { icount = icount + 2 } strre += temp } else { break } } return strre + "..." }
前端达人
2021/10/08
2.3K0
ASP.NET MVC5+EF6+EasyUI 后台管理系统(33)-MVC 表单验证
注:本节阅读需要有MVC 自定义验证的基础,否则比较吃力 一直以来表单的验证都是不可或缺的,微软的东西还是做得比较人性化的,从webform到MVC,都做到了双向验证 单单的用js实现的前端验证是极其不安全的,所以本次我们来看看MVC上的自带的注解验证,自定义验证 同样的MVC提供了一系列内置的数据验证注解 不为空验证  [Required(ErrorMessage = "不能为空")] 长度验证     [StringLength(10, MinimumLength = 2)]   取值范围     [R
用户1149182
2018/01/16
4.1K0
ASP.NET MVC5+EF6+EasyUI 后台管理系统(33)-MVC 表单验证
JQuery 学习—JQuery Validation表单验证范例[通俗易懂]
jQuery Validato表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)脚本控制。
全栈程序员站长
2022/07/19
1.8K0
JavaScript常用函数汇总:js一些常用的校验
1.1、校验是否为空(null/空串) /* * 校验是否为空(null/空串) */ var checkNull = function(str){ if(str == null || str == ""){ return false; } return true; } 1.2、校验是否为纯数字 /* * 校验是否为纯数字 * js的isNaN函数 */ var checkNum = function(num){
程序猿的栖息地
2022/04/29
1K0
JavaScript 103 条技能
1、原生JavaScript实现字符串长度截取 function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr
guanguans
2018/04/27
8660
原生态纯JavaScript 100大技巧大收集---你值得拥有(51--100)
56、原生JavaScript全角半角转换,iCase: 0全到半,1半到全,其他不转化
用户1272076
2019/03/26
1.4K0
Javascript 笔记
JavaScript表单验证电话号码,判断一个输入量是否为电话号码,通过正则表达式实现。 //检查电话号码 function isTel(str){        var reg=/^([0-9]|[\-])+$/g ;        if(str.length<7 || str.length>18){         return false;        }        else{          return reg.exec(str);        } }
Hongten
2018/09/18
1.9K0
让你瞬间提高工作效率的常用js函数汇总(持续更新)
本文总结了项目开发过程中常用的js函数和正则,意在提高大家平时的开发效率,具体内容如下:
徐小夕
2019/07/27
7350
让你瞬间提高工作效率的常用js函数汇总(持续更新)
相关推荐
easyui扩展
更多 >
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文