`

easyUi 扩展 验证 textbox

 
阅读更多

 

//扩展easyui表单的验证
$.extend($.fn.validatebox.defaults.rules, {
    //移动手机号码验证
    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: ''
    }
});

 

 

分享到:
评论

相关推荐

    easyui-textbox和easyui-combobox的onchange事件响应实例

    `easyui-textbox` 是一个基础输入框组件,它扩展了原生 HTML 的 `input` 元素,提供了更多的样式和功能选项。`easyui-combobox` 则是一个下拉选择框组件,允许用户从预定义的选项列表中选择一项。这两个组件在网页...

    easyui验证框使用方法

    - **解释**:通过扩展EasyUI的验证规则,实现了两个日期之间的比较。`validType="TimeCheck['s1']"`表示`name="s2"`的输入框中的日期不能早于`name="s1"`中的日期。 #### 四、整体表单验证 - **代码示例**: ```...

    EasyUI+1.3+中文帮助手册

    6. **表单(Form)**:EasyUI 提供了与数据绑定的表单控件,如文本框、选择框、日期选择器等,方便数据的输入和验证。 7. **其他组件**:包括滑块、进度条、提示、提示框、通知、时间选择器等,丰富了用户界面的...

    Jquery插件easyUi实现表单验证示例

    在文章中提到,扩展validatebox的验证方法用于判断学号格式是否为数字,以及学号是否唯一,使用了正则表达式进行校验,如下: ```javascript number: { validator: function(value) { var reg = /^[0-9]*$/; ...

    限制TextBox只能输入数字

    在C#编程中,限制文本框(TextBox)只能输入数字是一项常见的需求,尤其是在涉及数据输入控制、数值计算或用户界面设计的应用程序中。本文将详细探讨如何通过代码实现这一功能,帮助初学者和有经验的开发者更好地...

    JQuery EasyUI 1.5.2 离线官方API中文文档 含完整开发工具包+扩展 chm+pdf

    本文档中包含所有和EasyUI开发相关的内容,以及翻译制作的中文API文档、开发库、皮肤库、扩展库等。包含完整开发工具包,格式采用pdf+exe+chm jQuery EasyUI 1.5.2 版本更新内容 Bug(修复) form:修复在调用...

    jquery easyui API文档

    - **文本框(Textbox)**:增强的输入框,支持验证、提示等特性。 - **日期选择器(Datebox)**:提供日期时间选择功能。 - **组合框(Combobox)**:下拉列表选择器,支持远程数据加载。 ##### 2.3 导航组件 - **...

    李炎恢EasyUI

    - **输入框(Textbox)**:接收用户的输入。 #### 4. **扩展功能** - **表单验证**:支持对表单进行合法性检查。 - **动态加载数据**:可以通过 AJAX 动态加载数据到 UI 组件中。 - **事件处理**:可以为 UI ...

    EasyUI学习文档

    5. **表单组件与验证**:介绍表单(Form)的使用,包括表单元素如文本框(TextBox)、复选框(CheckBox)、单选按钮(RadioButton)等,以及如何进行表单验证。 6. **布局与分页**:学习如何使用Layout组件来组织...

    jquery-easyui-1.3.3

    EasyUI 提供了各种表单元素,如文本框(Textbox)、复选框(Checkbox)、单选按钮(RadioButton)等,并支持验证用户输入。 7. **数据绑定和远程数据源**:EasyUI 可以与后端服务无缝集成,通过Ajax请求获取和提交...

    easyUI框架页面实例

    6. **表单(Form)**:包括各种输入控件,如文本框(TextBox)、下拉框(ComboBox)、复选框(CheckBox)、单选按钮(RadioButton)等,支持验证和数据提交。 7. **按钮(Button)**:包括普通按钮、链接按钮、图标...

    easyui案例

    4. **表单(Form)**:EasyUI 提供了丰富的表单元素,如文本框(textbox)、复选框(checkbox)、单选按钮(radio)等,这些元素可以方便地与后台数据绑定,实现数据验证和提交。 5. **主题风格**:EasyUI 提供了...

    jQuery EasyUI 1.9.4.chm

    6. **表单组件**:包括文本框(textbox)、下拉选择(combobox)、复选框(checkbox)、单选按钮(radiobutton)等,这些组件都支持验证和事件处理,便于用户输入和交互。 7. **异步数据加载**:EasyUI 支持 AJAX ...

    easyui中文手册

    4. **表单组件**:EasyUI 包含一系列表单控件,如输入框(textbox)、复选框(checkbox)、单选按钮(radiobutton)、日期选择器(datebox)等,这些组件可以与表单验证结合,确保用户输入的数据有效性。 5. **菜单...

    jQuery EasyUI 1.4 版 API 中文版及EasyUI 源码

    2. **表单组件**:如`form`、`textbox`、`combobox`、`datebox`等,它们提供了数据输入和验证功能,方便用户交互。 3. **数据展示组件**:如`datagrid`(数据网格)、`treegrid`(树形网格)、`timeline`(时间线)...

    EasyUI_03.zip

    在 EasyUI 中,可以使用 `form` 标签结合 `easyui-textbox` 和 `easyui-passwordbox` 类创建这些元素。同时,使用 `label` 标签进行标注,提高用户体验。 3. **数据验证**:为了确保用户输入的有效性,我们需要对...

    easyUI 各个功能

    8. **插件扩展**:EasyUI 社区提供了许多第三方插件,如拖放排序、树形选择器、富文本编辑器等,进一步增强了框架的功能。 9. **主题定制**:EasyUI 支持多种预设主题,同时也允许开发者自定义样式,满足不同项目的...

    easyui视频教程(2)

    3. **基本组件使用**:EasyUI的视频教程通常会从最基础的组件开始,如按钮(button)、复选框(checkbox)、单选按钮(radio)和文本输入框(textbox)。"02.avi"可能是继第一部分之后,深入讲解这些组件的创建、...

    jQuery EasyUI 1.5.2 离线简体中文API文档(含开发工具包、皮肤、扩展、演示)

    v1.5.2 Build 1 版汉化说明 汉化人:王锦阳 ...• tagbox:添加“required”属性,以允许用户将其用于验证指定值是否为空(译者注:该属性自validatebox继承而来,1.5.2版之前也有该属性只是设置以后无效)。

    jQuery EasyUI 1.5.1 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    7. **扩展与插件**:除了内置组件,EasyUI还有许多第三方扩展和插件,如拖放(draggable/droppable)、弹出层(tooltip)、验证(validator)等,增强了框架的功能性。 8. **主题与皮肤**:为了满足不同设计风格的...

Global site tag (gtag.js) - Google Analytics