input 只能输入数字且控制位数

由于项目需求,要求input文本框中只允许输入数字,而且设置最大位数不能超过15位,写一简单方法适用于所有数字文本框

//控制输入框的数值不能为负,且不超过15位
function checkNum(val,id,numLength) {
  document.getElementById(id).value = val >= 0 ? val : 0;
  if(val.length>numLength){
    document.getElementById(id).value="";
    document.getElementById(id).readOnly=true;
    qxMsg("数值已超过最大值",function(){
      document.getElementById(id).readOnly=false;
    }); 
  }
}

//在结构上直接调用就可以了
<input type="number" name="score" id="score" oninput="checkNum(this.value,this.id,10)" class="layui-input" placeholder="请添加分值" >

 

posted @ 2018-03-22 16:38  TigerZhang  阅读(1037)  评论(0编辑  收藏  举报