`
zhaojian0910
  • 浏览: 46667 次
社区版块
存档分类
最新评论

easyui validatebox 验证类型

阅读更多

required: "必选字段",
        remote: "请修正该字段",
        email: "请输入正确格式的电子邮件",
        url: "请输入合法的网址",
        date: "请输入合法的日期",
        dateISO: "请输入合法的日期 (ISO).",
        number: "请输入合法的数字",
        digits: "只能输入整数",
        creditcard: "请输入合法的信用卡号",
        equalTo: "请再次输入相同的值",
        accept: "请输入拥有合法后缀名的字符串",
        maxlength: jQuery.format("请输入一个长度最多是 {0} 的字符串"),
        minlength: jQuery.format("请输入一个长度最少是 {0} 的字符串"),
        rangelength: jQuery.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"),
        range: jQuery.format("请输入一个介于 {0} 和 {1} 之间的值"),
        max: jQuery.format("请输入一个最大为 {0} 的值"),
        min: jQuery.format("请输入一个最小为 {0} 的值")

data-options="required:true,validType:'length[1,3]'" ;//输入字符长度1-3位

boolen b=$('#txt_Name').validatebox("isValid");//验证结果

 注意日期格式验证必须自己重写,参考如下

 $.extend($.fn.validatebox.defaults.rules, {
            idcard: {// 验证身份证
                validator: function (value) {
                    return /^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value);
                },
                message: '身份证号码格式不正确'
            },
            minLength: {
                validator: function (value, param) {
                    return value.length >= param[0];
                },
                message: '请输入至少(2)个字符.'
            },
            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 /^((\d2,3)|(\d{3}\-))?(0\d2,3|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
                },
                message: '格式不正确,请使用下面格式:020-88888888'
            },
            mobile: {// 验证手机号码
                validator: function (value) {
                    return /^(13|15|18)\d{9}$/i.test(value);
                },
                message: '手机号码格式不正确'
            },
            intOrFloat: {// 验证整数或小数
                validator: function (value) {
                    return /^\d+(\.\d+)?$/i.test(value);
                },
                message: '请输入数字,并确保格式正确'
            },
            currency: {// 验证货币
                validator: function (value) {
                    return /^\d+(\.\d+)?$/i.test(value);
                },
                message: '货币格式不正确'
            },
            qq: {// 验证QQ,从10000开始
                validator: function (value) {
                    return /^[1-9]\d{4,9}$/i.test(value);
                },
                message: 'QQ号码格式不正确'
            },
            integer: {// 验证整数 可正负数
                validator: function (value) {
                    //return /^[+]?[1-9]+\d*$/i.test(value);

                    return /^([+]?[0-9])|([-]?[0-9])+\d*$/i.test(value);
                },
                message: '请输入整数'
            },
            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: '请输入英文'
            },
            unnormal: {// 验证是否包含空格和非法字符
                validator: function (value) {
                    return /.+/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 /^((\d2,3)|(\d{3}\-))?(0\d2,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 /d+.d+.d+.d+/i.test(value);
                },
                message: 'IP地址格式不正确'
            },
            name: {// 验证姓名,可以是中文或英文
                validator: function (value) {
                    return /^[\Α-\¥]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);
                },
                message: '请输入姓名'
            },
            date: {// 验证姓名,可以是中文或英文
                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: '清输入合适的日期格式'
            },
            msn: {
                validator: function (value) {
                    return /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(value);
                },
                message: '请输入有效的msn账号(例:abc@hotnail(msn/live).com)'
            },
            same: {
                validator: function (value, param) {
                    if ($("#" + param[0]).val() != "" && value != "") {
                        return $("#" + param[0]).val() == value;
                    } else {
                        return true;
                    }
                },
                message: '两次输入的密码不一致!'
            }
        });

 

//验证实例

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    
<script src="easyui1.2.4/jquery-1.6.min.js" type="text/javascript"></script>
    <script src="easyui1.2.4/jquery.easyui.min.js" type="text/javascript"></script>
    <!--自定义验证-->
    
<script src="easyui1.2.4/validator.js" type="text/javascript"></script>
    <link href="easyui1.2.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <script>

        $(function () {
            
            //设置text须要验证
            $(""input[type=text]"").validatebox();
        })
    
    </script>
</head>
<body>
    邮箱验证:<input type="text" validtype="email" required="true" missingMessage="不克不及为空" invalidMessage="邮箱格局不正确" /><br />
    网址验证:<input type="text" validtype="url" invalidMessage="url格局不正确[http://www.example.com]" /><br />
    长度验证:<input type="text" validtype="length[8,20]" invalidMessage="有效长度8-20" /><br />
    手机验证:<input type="text" validtype="mobile"  /><br />
    邮编验证:<input type="text" validtype="zipcode" /><br />
    账号验证:<input type="text" validtype="account[8,20]" /><br />
    汉子验证:<input type="text" validtype="CHS" /><br />
    长途验证:<input type="text" validtype="remote[""checkname.aspx"",""name""]" invalidMessage="用户名已存在"/>
</body>
</html>
 

 

 

本身写的validator.js

 

 

//扩大easyui表单的验证
$.extend($.fn.validatebox.defaults.rules, {
    //验证汉子
    CHS: {
        validator: function (value) {
            return /^[\u0391-\uFFE5]+$/.test(value);
        },
        message: ""只能输入汉字""
    },
    //移下手机号码验证
    mobile: {//value值为文本框中的值
        validator: function (value) {
            var reg = /^1[3|4|5|8|9]\d{9}$/;
            return reg.test(value);
        },
        message: ""输入手机号码格局不正确.""
    },
    //国内邮编验证
    zipcode: {
        validator: function (value) {
            var reg = /^[1-9]\d{5}$/;
            return reg.test(value);
        },
        message: ""邮编必须长短0开端的6位数字.""
    },
    //用户账号验证(只能包含 _ 数字 字母) 
    account: {//param的值为[]中值
        validator: function (value, param) {
            if (value.length < param[0] || value.length > param[1]) {
                $.fn.validatebox.defaults.rules.account.message = ""用户名长度必须在"" + param[0] + ""至"" + param[1] + ""局限"";
                return false;
            } else {
                if (!/^[\w]+$/.test(value)) {
                    $.fn.validatebox.defaults.rules.account.message = ""用户名只能数字、字母、下划线构成."";
                    return false;
                } else {
                    return true;
                }
            }
        }, message: """"
    }
})

 

 

 

 

  checkname.aspx

 

 

<%@ Page Language="C#" %>
<script runat="server">
    void Page_Load(object sender, System.EventArgs e)
    {
        if (!string.IsNullOrEmpty(Request["name"]))
        {
            string name = "";
            name = Request["name"];
            if (name == "zhxhdean")
            {//当文本框中值为 zhxhdean,提示用户已存在。 这一步可以去数据库查询
                Response.Write("false");
                return;
            }
            else
            {
                Response.Write("true");
                return;
            }
        }
    }
</script>

 

源于:http://blog.csdn.net/lybwwp/article/details/9028741

分享到:
评论

相关推荐

    ssm框架设备故障报修管理系统微信小程序源码+项目说明(高分毕设)

    毕业设计ssm框架设备故障报修管理系统微信小程序源码+项目说明(高分毕设).zip 个人经导师指导并认可通过的高分设计项目,评审分98分。主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者,也可作为课程设计、期末大作业。 毕业设计ssm框架设备故障报修管理系统微信小程序源码+项目说明(高分毕设).zip 个人经导师指导并认可通过的高分设计项目,评审分98分。主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者,也可作为课程设计、期末大作业。 毕业设计ssm框架设备故障报修管理系统微信小程序源码+项目说明(高分毕设).zip 个人经导师指导并认可通过的高分设计项目,评审分98分。主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者,也可作为课程设计、期末大作业。 项目主要功能: 该项目是基于微信的设备故障报修管理系统,旨在改善传统管理方式的不足。系统涉及管理员、用户和维修员三个角色,管理员可进行用户、维修员、实验室等多方面管理,而用户和维修员可通过微信小程序注册登录,分别进行报修、查看维修状态和交流经验。系统采用Java的SSM框架开发后端,

    开车不犯困100首MP3,之41-50,DJ.rar

    开车不犯困100首MP3,之41-50,DJ.rar

    ssm框架外籍人员管理系统微信小程序源码+项目说明(高分毕设)

    毕业设计ssm框架外籍人员管理系统微信小程序源码+项目说明(高分毕设).zip 个人经导师指导并认可通过的高分设计项目,评审分98分。主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者,也可作为课程设计、期末大作业。 毕业设计ssm框架外籍人员管理系统微信小程序源码+项目说明(高分毕设).zip 个人经导师指导并认可通过的高分设计项目,评审分98分。主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者,也可作为课程设计、期末大作业。 毕业设计ssm框架外籍人员管理系统微信小程序源码+项目说明(高分毕设).zip 个人经导师指导并认可通过的高分设计项目,评审分98分。主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者,也可作为课程设计、期末大作业。 项目主要功能: 该项目是一个基于微信小程序的外来人员管理系统,旨在方便用户管理和查看个人中心、外籍人员信息及派出所信息。系统设计注重功能与界面的融合,支持派出所在线审核外籍人员信息。开发采用成熟技术,如微信开发者工具和JAVA SSM框架,结合源代码进行功能调整,以满足实际管理需求。该系统对外来

    光大证券-20180309-放量恰是入市时:成交量择时初探-技术择时系列报告之三

    光大证券-20180309-放量恰是入市时:成交量择时初探——技术择时系列报告之三 深度学习 多因子模型 quant 股市 股票 量化交易 量化策略

    六个盒子及其应用.pptx

    六个盒子及其应用.pptx

    yolov10改进.docx

    YOLOv10是由清华大学的研究人员基于Ultralytics Python包开发的实时端到端目标检测模型。它引入了一种新的无NMS(非极大值抑制)训练方法,通过一致的双重任务分配来提高推理效率,并在保持竞争性能的同时减少延迟。 YOLOv10的主要改进包括: 无NMS训练:通过一致的双重任务分配,YOLOv10在训练过程中避免了NMS的使用,这有助于提高模型的推理速度。 效率-精度驱动模型设计:YOLOv10采用了一种新的模型设计策略,从效率和精度两个角度对YOLO组件进行优化,减少了计算开销并提高了性能。 轻量级分类头和空间-通道分离下采样:YOLOv10通过简化架构和减少计算成本来提高效率。 部分自注意力(PSA)模块:YOLOv10引入了PSA模块来增强模型的全局表示学习能力,同时控制计算复杂度。 实验结果:YOLOv10在不同模型尺寸上实现了最先进的性能和端到端延迟,例如YOLOv10-S在COCO数据集上与RT-DETR-R18相比,在相似的平均精度下速度快1.8倍,同时参数和浮点运算次数更少。 YOLOv10的这些创新使其在实时目标检测领域具有显著的优势,特别是在需要

    项目机械化工程公司 龙门吊大修环境因素及其控制措施一览表.docx

    项目机械化工程公司 龙门吊大修环境因素及其控制措施一览表.docx

    京东大学的互联网思维.pptx

    京东大学的互联网思维.pptx

    【课件】《华为灰度管理法》.docx

    【课件】《华为灰度管理法》.docx

    【mysql开发】教程&案例&相关项目资源.docx

    当涉及学习MySQL开发时,有许多优质的教程、案例和相关项目资源可供您使用。以下是一些您可能会发现有用的资源: 1. MySQL开发教程: MySQL官方文档:MySQL官方网站提供了全面的MySQL参考手册和开发指南,包括安装、配置、SQL语法、存储引擎等方面的详细信息。 W3Schools MySQL教程:W3Schools提供了简洁清晰的MySQL教程,适合初学者快速入门。 Coursera《数据管理和分析》:由Duke大学开设的课程,涵盖了数据库管理和数据分析的基本原理,其中也包含MySQL的相关内容。 2. MySQL开发案例和示例: GitHub:在GitHub上搜索MySQL相关的示例项目,如基于MySQL的Web应用程序、数据分析项目等,可以从中学习实际的应用案例。 MySQL官方示例数据库:MySQL官方提供了一些示例数据库,如经典的employees和world数据库,可以用来进行实际的查询和练习。 3. 相关项目资源: MySQL官方网站:提供了MySQL数据库服务器、客户端工具和连接器的下载,以及最新的更新和公告。 Stack Overflow:一个问题与回答

    基于Springboot+Vue的校园二手图书交易平台的设计与实现源码+数据库(高分毕设)

    基于Springboot+Vue的校园二手图书交易平台的设计与实现源码+数据库(高分毕设)含有代码注释、使用文档说明,新手也可看懂,毕业设计、期末大作业、课程设计、高分必看,下载下来,简单部署,就可以使用。该项目可以作为毕设、期末大作业使用,该系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值,项目都经过严格调试,确保可以运行! 基于Springboot+Vue的校园二手图书交易平台的设计与实现源码+数据库(高分毕设)含有代码注释、使用文档说明,新手也可看懂,毕业设计、期末大作业、课程设计、高分必看,下载下来,简单部署,就可以使用。该项目可以作为毕设、期末大作业使用,该系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值,项目都经过严格调试,确保可以运行! 基于Springboot+Vue的校园二手图书交易平台的设计与实现源码+数据库(高分毕设)含有代码注释、使用文档说明,新手也可看懂,毕业设计、期末大作业、课程设计、高分必看,下载下来,简单部署,就可以使用。该项目可以作为毕设、期末大作业使用,该系统功能完善、界面美观、操作简单。

    在线考试系统设计与实现程序+数据库

    在线考试系统设计与实现程序+数据库

    基于java+html实现的虚拟宠物医院学习系统(包含角色扮演,学习,答题等)+源码+用户手册+项目解析PPT+界面展示

    基于java+html实现的虚拟宠物医院学习系统(包含角色扮演,学习,答题等)+源码+用户手册+项目解析PPT+界面展示,适合毕业设计、课程设计、项目开发。项目源码已经过严格测试,可以放心参考并在此基础上延申使用~ 项目简介: 虚拟宠物医院学习系统 含医院2D/3D导览、 点击具体的科室,右侧展示该科室的具体信息 界面右侧展示该科室中的设备信息和药品信息 3D导览 具体的一个科室,右侧为该科室的简单文字介绍 总共有12个科室可以进行3D浏览 医院角色扮演: 可以选择医助、前台、医生三个角色中的任意一个角色进行角色扮演 进入具体一个角色的角色扮演界面,左侧是该角色的多个操作流程,每个操作流程下有多个具体的操作步骤 病例学习: 进入病例学习模块,选择特定病例种类,查看该疾病种类下的病例信息 点击具体的病例查看按钮进入病例详情页。该界面包括左侧的4个步骤(接诊、病例检查、诊断结果、治疗方案),每个步骤中包括文字简介、视频信息、图片信息等 测试答题: 选择题目类别和考题数量进行考题的获取 获取到考题 答题完成,获得答题分数 查看个人答题记录

    ASP具有动态口令认证机制的网上投票系统的设计(源代码+论文)【ASP】.zip

    ASP具有动态口令认证机制的网上投票系统的设计(源代码+论文)【ASP】

    4月全新热文高科技,套用模板一键生成热文,没脑子拷贝,第二天出盈利,&#8230;.txt

    4月全新热文高科技,套用模板一键生成热文,没脑子拷贝,第二天出盈利,&#8230;

    Java 培训和安置管理系统项目源码(可做毕设参考)

    Java 培训和安置管理系统项目是一个基于 Java 编程语言开发的桌面应用程序,旨在为学生提供实习和就业机会。该系统通过提供结构和工具集,使公司能够有效地管理培训和安置过程。 系统特点 课程入学:学生可以注册培训课程。 企业入驻:企业可以注册并提供实习和就业机会。 学生管理:包括个人资料输入、培训记录和安置记录。 报告生成:生成学生培训和安置的报告。 用户管理:支持新用户注册和更改密码功能。 模块介绍 课程入学模块:学生可以查看并注册可用的培训课程。 企业入驻模块:企业可以注册并发布实习和就业机会。 学生管理模块:学生可以输入和更新个人资料,查看培训和安置记录。 报告生成模块:管理员可以生成和查看学生的培训和安置报告。 用户管理模块:支持新用户注册、登录和更改密码功能。 Java 培训和安置管理系统完全使用 Java 和 MySQL 构建,并具有功能齐全的图形用户界面 (GUI)。该系统展示了如何使用 Java 开发一个完整的桌面应用程序,并通过实践提高我们的编程技能和逻辑思维能力。可以作为毕业设计项目参考

    ASP NET 图书馆管理系统源代码(毕设参考)

    ASP.NET中的在线图书馆管理系统项目是一个Web应用程序,使用C#和ASP.NET开发,后端依托于SQL Server数据库。这个系统旨在帮助图书馆自动化常规操作,例如管理图书库存、处理图书发行和归还、追踪学生信息以及管理逾期还书的罚款。 项目概览 项目名称:ASP.NET 图书馆管理系统项目 开发环境:使用C#语言的ASP.NET Visual Studio 2022 数据库:SQL Server 2021 项目类型:网站应用程序 该项目特别适合工程、计算机科学、信息技术以及计算机应用专业的高年级学生。 主要功能和模块 图书管理员功能: 添加出版物和书库信息 管理图书分枝 添加学生记录 发行和归还图书 实施逾期罚款 学生功能: 查看借阅记录 检查罚款状况 管理个人账户 整个系统的实施有助于提高管理效率,确保图书馆资源的有效利用,并使图书馆的日常工作流程自动化,在提高工作效率的同时也提升了服务质量。在安装和运行这个图书馆管理系统之前,请确保你的计算机上已安装Microsoft Visual Studio和SQL Server。

    基于Springboot+Vue的图书馆管理系统源码+数据库(高分毕设)

    基于Springboot+Vue的图书馆管理系统源码+数据库(高分毕设)含有代码注释,新手也可看懂,98分毕业设计项目,毕业设计、期末大作业、课程设计、高分必看,下载下来,简单部署,就可以使用,该项目可以作为毕设、期末大作业使用,该系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值,项目都经过严格调试,确保可以运行! 基于Springboot+Vue的图书馆管理系统源码+数据库(高分毕设)含有代码注释,新手也可看懂,98分毕业设计项目,毕业设计、期末大作业、课程设计、高分必看,下载下来,简单部署,就可以使用,该项目可以作为毕设、期末大作业使用,该系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值,项目都经过严格调试,确保可以运行! 基于Springboot+Vue的图书馆管理系统源码+数据库(高分毕设)含有代码注释,新手也可看懂,98分毕业设计项目,毕业设计、期末大作业、课程设计、高分必看,下载下来,简单部署,就可以使用,该项目可以作为毕设、期末大作业使用,该系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用

    设计模式基础培训材料-面向对象设计原则与模式

    面向对象设计原则与模式

    前端开发基础入门教程 JavaScript语言编程基础教程 第5章 JS实战 共16页.pptx

    【学习目标】: 图片幻灯 复杂的表单验证 瀑布流

Global site tag (gtag.js) - Google Analytics