easyui的numberbox如何输入指定位数,超过指定位数不允许输入

在网上搜索了很多代码,发现一般都是使用replace或者是window.event.returnValue,不知道是我的使用方法不对,还是代码什么地方写错了,总感觉不怎么好用,后面发现numberbox自带的filter在禁止输入的时候非常好用.

请看代码:

        功能:在显示的时候只能是两位小数,在输入的时候如果已经有两位小数,那么禁止输入

JSP代码:
<input name="object.fixRate" class="easyui-numberbox _fixRate" onkeyup="setFixRate(this,event)" 
    data-options="required: true,precision:2" style="width:30px;text-align: right;"/> 

JS代码:
function setFixRate(tt,event){
//	var value = $('._fixRate').numberbox('getValue');//不能使用numberbox的getValue,这个是隐藏框的值
	//如果有小数点
	var value = $('._fixRate').val();//这个才是输入框的值
	if(value.indexOf(".") >= 0){//如果包含小数点
		if((value.substring(value.indexOf(".")+1).length) >=2){//如果小数位数已经有两位
//			window.event.returnValue = false;
//			$('._fixRate').val(value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'));
//			$('._fixRate').numberbox('filter',false);
			$('._fixRate').numberbox('options').filter = function(){
			    //让filter返回false会禁止按键输入
			    return false;
			};
		}else{
		    //记得写else,否则该nunberbox将不允许再次输入了
		    $('._fixRate').numberbox('options').filter = function(){
			    return true;
		}
	}
}


转载于:https://my.oschina.net/u/2331760/blog/495428

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值