easyui input 中只能输入正数和小数
时间: 2023-10-08 14:13:32 浏览: 118
JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数
在easyui input中只能输入正数和小数的实现方式有两种。第一种是在html中直接实现,使用class为"easyui-numberbox"的input标签,并设置type为"text",id和name属性为相应的值,precision属性为小数点后的位数,min属性为最小值。例如:<input class="easyui-numberbox" type="text" id="text_id" name="text_id" precision="2" min="0.01"/>\[2\]。第二种是使用JavaScript,在js中使用numberbox方法来实现,通过设置min属性为最小值,precision属性为小数点后的位数。例如:$('#text1').numberbox({ min:0.1, precision:2 });\[2\]。另外,如果需要验证输入的值是否为数字或输入的长度是否超过限制,可以使用validatebox插件,并自定义验证规则。例如,可以使用$.extend方法来扩展validatebox的默认规则,添加intOrFloat规则来验证整数或小数的输入。具体的实现代码如下所示:
$.extend($.fn.validatebox.defaults.rules, {
intOrFloat: {
validator: function (value,param) {
if(/^\d*\.{0,1}\d*$/i.test(value)){
var len = $.trim(value).length;
if(len >= param\[0\] && len <= param\[1\]){
return true ;
}else{
return false;
}
}else{
return false;
}
},
message: '输入非数字或输入超长!请查验后重新输入'
}
});\[3\]
通过以上两种方式的实现,可以在easyui input中只能输入正数和小数。
#### 引用[.reference_title]
- *1* [正则表达式 input框只能输入正整数](https://blog.csdn.net/weixin_30906671/article/details/98885343)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [EasyUI Numberbox 数字框(限制仅输入数字)](https://blog.csdn.net/JOEYHHH/article/details/121948320)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [easyui验证输入数据为整数或者小数](https://blog.csdn.net/weixin_30721899/article/details/96978115)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文