input输入框只能输入百分比

来源:互联网 发布:2k17乔丹捏脸详细数据 编辑:程序博客网 时间:2024/04/29 17:53

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>

0 0