`

easyui 验证框扩展

阅读更多
$.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) || /^\d{13}$/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: '两次输入的密码不一致!'
    }
});

分享到:
评论

相关推荐

    easyui验证框使用方法

    ### easyui验证框使用方法详解 #### 一、概述 EasyUI是一款基于jQuery的用户界面插件集合,它简化了Web应用开发中的交互组件创建过程。其中,验证框(ValidateBox)是EasyUI中用于输入验证的一个强大工具,能够帮助...

    easyui验证扩展

    《EasyUI验证扩展详解》 在Web开发中,数据验证是不可或缺的一环,它确保了用户输入的有效性和系统的稳定性。EasyUI,一个基于jQuery的UI框架,提供了丰富的组件和便捷的验证功能。本文将深入探讨“EasyUI验证扩展...

    jquery easyui扩展js验证

    easyui扩展的js验证,是对easyUI没有的验证做的补充扩展,好用方便

    基于easyui 1.4.5的单选和多选框组件

    通过EasyUI的API,我们可以方便地实现组件的联动、验证等功能,提高用户体验。 总结,jQuery EasyUI的单选框和多选框组件,以及更高级的`combo`和`combobox`,为前端开发提供了强大的工具。理解并熟练运用这些组件...

    EasyUI后台管理框架

    例如,数据网格可以实现数据的增删改查功能,表单则用于收集和验证用户输入,对话框用于展示弹窗提示或进行独立操作,菜单和树形控件则用于导航和展示层级关系。 在“custom”目录中,可能包含了用户自定义的样式和...

    自定义jquery easyui 验证

    ### 自定义jQuery EasyUI验证规则详解 在进行前端表单验证时,为了提供更好的用户体验以及增强数据的有效性和安全性,我们通常会使用各种前端框架提供的工具。jQuery EasyUI 是一个基于 jQuery 的用户界面插件集合...

    Jquery EasyUI 页面框架Demo

    EasyUI的核心是其组件库,包括窗口(window)、表格(datagrid)、面板(panel)、下拉框(combobox)、表单(form)等,这些组件都是预先封装好的JavaScript对象,具有良好的可配置性和可扩展性。通过简单的HTML...

    easyui的Treegrid扩展

    EasyUI的Treegrid扩展是一种对原生EasyUI TreeGrid组件的功能增强,主要目的是提供更加灵活的数据展示和操作方式。在传统的TreeGrid中,数据通常是以树状结构展示,每一行都可以展开或折叠,显示或隐藏子节点。然而...

    jQuery+easyui validatebox 验证框

    在IT行业中,前端开发是构建用户界面的关键环节,而jQuery和...总的来说,jQuery+EasyUI validatebox是实现高效、友好的前端表单验证的强大工具,通过合理的配置和扩展,可以满足各种复杂的验证需求,提升用户体验。

    easyui扩展版本的插件

    5. **其他扩展功能**:除了以上提到的,扩展可能还包括对其他组件的增强,例如下拉菜单(combobox)、树形结构(tree)、表单验证(form validation)等。这些增强可能涉及到性能优化、新功能添加或现有功能的定制化...

    JQuery easyUI扩展验证机制的正则表达式

    #### 二、JQuery easyUI验证规则扩展 在JQuery easyUI中,可以通过`.extend()`方法对`$.fn.validatebox.defaults.rules`对象进行扩展,添加自定义的验证规则。下面将逐一介绍文档中给出的一些典型验证规则及其正则...

    EasyUI前端框架

    6. **插件扩展**:除了核心组件,EasyUI还有许多社区开发的插件,如日期选择器(datebox)、时间选择器(datetimebox)等,进一步丰富了功能。 7. **响应式设计**:EasyUI的部分组件支持响应式布局,能够自动适应...

    jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法

    标题和描述中提到的知识点涉及jQuery EasyUI框架中的validatebox插件,该插件用于表单输入验证。validatebox允许前端对用户输入进行校验,以减少服务器的负担并提升用户体验。它提供了基本的校验规则,但有时可能...

    jquery-easyui 前端开发框架

    4. **Form**:表单组件,提供验证、提交等功能,与后端接口无缝对接,简化表单处理流程。 5. **Menu**:下拉菜单,用于创建丰富的导航菜单,可定制子菜单和操作项,增强用户交互体验。 6. **Tabs**:选项卡,方便在...

    EasyUi修改验证控件

    除了这两个问题,我们还可以进一步扩展 EasyUI validatebox 的功能以适应更多的验证需求。例如,通过自定义规则来实现更复杂的验证逻辑: ```javascript $.extend($.fn.validatebox.defaults.rules, { custom_reg:...

    easyui 自定义验证方法

    jquery easyui validator 扩展自定义验证方法

    jQuery+easyui应用框架

    2. **表单验证**:利用jQuery的事件处理和EasyUI的form组件,可以实现表单数据的验证和提交。 3. **对话框交互**:通过jQuery的动画效果和EasyUI的dialog组件,创建弹出式对话框,提供更丰富的用户交互体验。 4. **...

    .NET+EasyUI快速开发框架

    2. **可扩展性**:基于.NET的模块化设计,方便添加自定义功能或集成第三方服务。 3. **良好的用户体验**:EasyUI的组件丰富,可以定制出符合用户需求的交互界面。 4. **安全稳定**:.NET框架内置的安全机制,如身份...

    easyui validatebox验证类型

    ValidateBox 也允许用户自定义验证规则,例如可以使用 jQuery 的 extend 方法来扩展 ValidateBox 的规则,例如可以添加身份证号码、电话号码、手机号码等验证规则。 EasyUI 的 ValidateBox 验证组件提供了多种类型...

Global site tag (gtag.js) - Google Analytics