easyui numberbox的数值范围

本文介绍如何使用EasyUI的NumberBox组件并通过扩展validatebox验证规则来限制用户输入的最大位数,确保输入数据的有效性和格式正确。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

       问题:通过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}位数)。'

        }

    });   

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值