问题:通过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}位数)。'
}
});
相关推荐
NumberBox 是 EasyUI 提供的一个用于输入数值的控件,通常在数据表格(datagrid)中用于显示和编辑数值字段。 问题的核心在于,当尝试在 NumberBox 中输入小数点时,系统会自动进行四舍五入操作,并且在设置小数...
Numberbox是EasyUI中的一个输入框组件,主要用于处理数字输入,并提供了诸如设置精度、限制输入范围等功能。 首先,我们要了解什么是blur事件。在JavaScript和DOM中,blur事件通常发生在元素失去焦点时,即当用户将...
在前端开发中,EasyUI 是一个基于 jQuery 的 UI 框架,它提供了一系列美观、易用的组件,用于构建用户界面。在这个实例中,我们将深入探讨 EasyUI 中的两个重要组件:`easyui-textbox` 和 `easyui-combobox`,以及...
通过以上介绍,我们可以看出NumberBox组件的强大之处,它允许开发者对数值输入进行严格的控制,包括但不限于数据格式、范围验证、输入过滤等。这使得在开发Web应用程序时,可以创建出更符合用户需求的交互界面,确保...
<input class="easyui-numberbox" min="5.5" max="20" precision="2" required="true" missingMessage="请输入5.5至20之间的数值" /> ``` - **解释**:这里通过设置`class="easyui-numberbox"`来启用数值验证功能...
`easyui-numberbox` 限制用户只能输入数字,通常用于金额、数量等数值输入,可以设置小数位数和范围限制。 这些组件共同构成了jQuery EasyUI的核心,它们相互配合,可以构建出功能丰富、用户体验良好的Web应用界面...
- 数字验证框(numberbox):输入框,用于输入数字并且可以进行校验。 - 日期组合框(datebox):输入框,用于选择日期。 - 日期时间组合框(datetimebox):输入框,用于选择日期和时间。 - 日历(calendar):用于选择...
本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档(完整)目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...
- **Slider(滑块)**:通过滑动条选择数值,可设置范围和步长。 - **Switch(开关)**:二选一的切换按钮,常用于开启/关闭功能。 - **Checkbox(复选框)**和**Radio(单选按钮)**:用于多选和单选,可以组织...
8. **1.7.8 numberbox(数值输入框)**:专门用于数值输入的输入框。 9. **1.7.9 datebox(日期输入框)**:日期选择器。 10. **1.7.10 datetimebox(日期时间输入框)**:日期和时间选择器。 11. **1.7.11 ...
例如,`numberbox`用于数字输入,`radio`和`checkbox`用于单项和多项选择,`datagrid`用于展示表格数据,`tree`用于构建树形结构,`dialog`用于弹出对话框,`messager`用于显示提示信息,`panel`和`layout`则用于...
- **数字框(NumberBox)**:限制输入的数值框,可以设置步进值。 - **验证框(ValidateBox)**:自动验证输入字段的合法性。 - **日期输入框(DateBox)**:提供日历选择器,方便选择日期。 - **日历(Calendar)**:...
- 定义日期框的默认格式、显示范围等属性。 - **事件** - 包括日期被选中等事件。 - **方法** - 用于控制日期框的方法,如设置值、获取当前值等。 **4.9 Calendar日历** - **用法** - 创建一个日历控件。 - **...
- **Form(表单)**:Combobox(组合框),Combotree(组合树),Combogrid(组合网格),Numberbox(数字框),Datetimebox(日期时间框),Calendar(日历),Numberspinner(数值微调器),Timespinner(时间微调...
- 支持数值范围的限制。 - **事件:** - 用户调整数值时触发事件。 - **方法:** - 包括设置最大值、最小值等操作。 **4.12 TimeSpinner时间微调器** - **依赖:** - 需要依赖jQuery核心库。 - **用法:** - ...
NumberBox是专门用于输入数字的文本框,它提供了上下箭头以方便增减数值。可以设置步长、最小值、最大值等,还有验证数字范围的方法。 7. **ValidateBox(验证框)** ValidateBox用于表单字段的验证,它可以实时...
此示例展示了如何初始化一个 NumberBox 并设置范围和精度。 ##### 参数 NumberBox 的参数包括: 1. **min**: 最小值。 2. **max**: 最大值。 3. **precision**: 小数点后的位数。 --- #### 七、ValidateBox...
`NumberSpinner` 是 jQuery EasyUI 框架中的一个组件,它结合了 `spinner` 和 `numberbox` 的功能,提供了一个可以进行数值微调的输入控件。这个组件在用户交互时允许对数字进行加减操作,方便进行精确的数值调整。`...
NumberBox 支持设置 `min`、`max` 等数值范围限制。 #### 七、ValidateBox(验证框) **ValidateBox** 用于对输入进行验证,确保符合一定的格式要求。 - **实例** ValidateBox 的使用通常与表单验证相结合。 ...