input输入框只能输入百分比

本文介绍了一个使用jQuery实现的输入验证及数值增减功能。该功能确保用户输入的数字介于0到100之间,并且小数部分不超过两位。此外,还提供了增加和减少数值的功能按钮。

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

var yt = { 

checkBlur:function(obj){

            var num = $(obj).val();
            var hint=$(obj).parent().next().next();
            var hintText=hint.children().last();
            if(num<0){
                hint.show();
                hintText.text("数字不能小于0!");
                return false;
            }
            else if(!isNaN(num)&&num<=100){
                var dot = num.indexOf(".");
                if(dot != -1){
                    var dotCnt = num.substring(dot+1,num.length);
                    if(dotCnt.length > 2){
                        hint.show();
                        hintText.text("小数位已超过2位!");
                        return false;
                    }
                }else{
                    hint.hide();
                    return true;
                }
            }else{
                hint.show();
                hintText.text("数字不合法!");
                return false;
            }
        }

    },

    /*比例加一*/
        addNum:function(obj){
            var number=$(obj).parent().prev();
            var num=number.val();
           num=Number(num);
            if(num>=100) return false;
            num=num+1;
            var num1=num.toFixed(2);
            number.val(num1);
        },
        /*比例减一*/
        minus:function(obj){
            var number=$(obj).parent().prev();
            var num=number.val();
            if(num<1) return false;
            num--;
            var num1=num.toFixed(2);
            number.val(num1)
        }

}

 <div class="col-md-3 costset-box">
          <label class="col-md-7 text-right texte">供货价比例:</label>
          <div class="col-md-5 addmu">
              <input type="text" class="col-md-10" name="supplyPrice" id="supplier" style="border: none;"  onkeyup="yt.closeaccount.costset.checkBlur(this)"/>
              <div class="col-md-2  addmus">
                  <a href="javascript:void(0);" onclick="yt.closeaccount.costset.addNum(this)">+</a>
                  <a href="javascript:void(0);" onclick="yt.closeaccount.costset.minus(this)">-</a>
              </div>
          </div>
          <div class="clearfix"></div>
          <div class="col-md-7 hint-info">
              <div class="alerts"></div>
              <div class="inputs"></div>
          </div>
      </div>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值