`
lonelythinker
  • 浏览: 29057 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

easyui numberbox的数值范围

阅读更多

       问题:通过jquery Easyui的numberbox的属性只能限制最大(max) 最小(min)值,并且如果超出了范围会将用户输入替换为设定的最大/最小值,例如:

<input name="hours" id="hours" class="easyui-numberbox "  min="0" max="99999"  precision="2"/>

       解决办法:

1.为numberbox增加

    1)."easyui-validatebox"类,

    2).添加验证规则:validType=maxNumberVal[5]":

    <input name="hours" id="hours" class="easyui-numberbox  easyui-alidatebox"  min="0" max="99999" validType="maxNumberVal[5]" precision="2"/>

2.扩展easyui-validatebox验证规则:

      $.extend($.fn.validatebox.defaults.rules, {  

           maxNumberVal:{

                validator:function(value, param){

        if(!value){

    return true;

        }

        param[1] = (parseInt(value)+'').length;

    return param[1] <= param[0];

            },

       message : '请最多输入{0}位数(当前{1}位数)。'

        }

    });   

 

分享到:
评论

相关推荐

    easyui1.4.3补丁,解决easyui-numberbox输入不了小数点bug

    NumberBox 是 EasyUI 提供的一个用于输入数值的控件,通常在数据表格(datagrid)中用于显示和编辑数值字段。 问题的核心在于,当尝试在 NumberBox 中输入小数点时,系统会自动进行四舍五入操作,并且在设置小数...

    EasyUI为Numberbox添加blur事件的方法

    Numberbox是EasyUI中的一个输入框组件,主要用于处理数字输入,并提供了诸如设置精度、限制输入范围等功能。 首先,我们要了解什么是blur事件。在JavaScript和DOM中,blur事件通常发生在元素失去焦点时,即当用户将...

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

    在前端开发中,EasyUI 是一个基于 jQuery 的 UI 框架,它提供了一系列美观、易用的组件,用于构建用户界面。在这个实例中,我们将深入探讨 EasyUI 中的两个重要组件:`easyui-textbox` 和 `easyui-combobox`,以及...

    第23章 NumberBox(数值输入框)组件1

    通过以上介绍,我们可以看出NumberBox组件的强大之处,它允许开发者对数值输入进行严格的控制,包括但不限于数据格式、范围验证、输入过滤等。这使得在开发Web应用程序时,可以创建出更符合用户需求的交互界面,确保...

    easyui验证框使用方法

    &lt;input class="easyui-numberbox" min="5.5" max="20" precision="2" required="true" missingMessage="请输入5.5至20之间的数值" /&gt; ``` - **解释**:这里通过设置`class="easyui-numberbox"`来启用数值验证功能...

    jquery_easyui_中文解析

    `easyui-numberbox` 限制用户只能输入数字,通常用于金额、数量等数值输入,可以设置小数位数和范围限制。 这些组件共同构成了jQuery EasyUI的核心,它们相互配合,可以构建出功能丰富、用户体验良好的Web应用界面...

    jQuery_EasyUI中文帮助手册(带目录)

    - 数字验证框(numberbox):输入框,用于输入数字并且可以进行校验。 - 日期组合框(datebox):输入框,用于选择日期。 - 日期时间组合框(datetimebox):输入框,用于选择日期和时间。 - 日历(calendar):用于选择...

    jQuery EasyUI 1.2.4 API 中文文档.chm

    本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档(完整)目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...

    jQuery EasyUI 1.4.5 版 API 中文版

    - **Slider(滑块)**:通过滑动条选择数值,可设置范围和步长。 - **Switch(开关)**:二选一的切换按钮,常用于开启/关闭功能。 - **Checkbox(复选框)**和**Radio(单选按钮)**:用于多选和单选,可以组织...

    jQuery EasyUI 1.4.5 版 API 中文.pdf

    8. **1.7.8 numberbox(数值输入框)**:专门用于数值输入的输入框。 9. **1.7.9 datebox(日期输入框)**:日期选择器。 10. **1.7.10 datetimebox(日期时间输入框)**:日期和时间选择器。 11. **1.7.11 ...

    基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用

    例如,`numberbox`用于数字输入,`radio`和`checkbox`用于单项和多项选择,`datagrid`用于展示表格数据,`tree`用于构建树形结构,`dialog`用于弹出对话框,`messager`用于显示提示信息,`panel`和`layout`则用于...

    jQueryEasyUI中文框架使用文档

    - **数字框(NumberBox)**:限制输入的数值框,可以设置步进值。 - **验证框(ValidateBox)**:自动验证输入字段的合法性。 - **日期输入框(DateBox)**:提供日历选择器,方便选择日期。 - **日历(Calendar)**:...

    jQuery EasyUI 1.2.4 API 中文文档

    - 定义日期框的默认格式、显示范围等属性。 - **事件** - 包括日期被选中等事件。 - **方法** - 用于控制日期框的方法,如设置值、获取当前值等。 **4.9 Calendar日历** - **用法** - 创建一个日历控件。 - **...

    jQueryEasyUI介绍.docx

    - **Form(表单)**:Combobox(组合框),Combotree(组合树),Combogrid(组合网格),Numberbox(数字框),Datetimebox(日期时间框),Calendar(日历),Numberspinner(数值微调器),Timespinner(时间微调...

    jquery easyui中文文档

    - 支持数值范围的限制。 - **事件:** - 用户调整数值时触发事件。 - **方法:** - 包括设置最大值、最小值等操作。 **4.12 TimeSpinner时间微调器** - **依赖:** - 需要依赖jQuery核心库。 - **用法:** - ...

    jquery_easyui_cn文档

    NumberBox是专门用于输入数字的文本框,它提供了上下箭头以方便增减数值。可以设置步长、最小值、最大值等,还有验证数字范围的方法。 7. **ValidateBox(验证框)** ValidateBox用于表单字段的验证,它可以实时...

    easyui培训文档

    此示例展示了如何初始化一个 NumberBox 并设置范围和精度。 ##### 参数 NumberBox 的参数包括: 1. **min**: 最小值。 2. **max**: 最大值。 3. **precision**: 小数点后的位数。 --- #### 七、ValidateBox...

    jQuery EasyUI API 中文文档 – NumberSpinner数值微调器使用介绍

    `NumberSpinner` 是 jQuery EasyUI 框架中的一个组件,它结合了 `spinner` 和 `numberbox` 的功能,提供了一个可以进行数值微调的输入控件。这个组件在用户交互时允许对数字进行加减操作,方便进行精确的数值调整。`...

    jquery-easyui-中文培训文档

    NumberBox 支持设置 `min`、`max` 等数值范围限制。 #### 七、ValidateBox(验证框) **ValidateBox** 用于对输入进行验证,确保符合一定的格式要求。 - **实例** ValidateBox 的使用通常与表单验证相结合。 ...

Global site tag (gtag.js) - Google Analytics