input表单只允许输入大于0的整数

Posted 2020-10-12 孟夏草木长

1.<input type="tel" name="num"  maxlength="5" onkeyup="carNum($(this))"/>  

　　type="tel"表示是输入类型用于应该包含电话号码的输入字段，是html5的input属性

　　maxlength：表示input表单输入的个数最多是5位，不能超过5位数

2.input表单只允许输入大于0的整数

/********input表单只允许输入大于0的整数，没有小数点************/
    function carNum($this){
        //输入框的值
        var value = $this.val() ;
        
        if(isNaN(value)){//判断值是不是数字
            $this.val(1) ;
        }else if(value==""){//这是当只有1位的时候，删除这个会进入这个判断，如果没有该判断，当只有一位的时候就不能删除
            
        }else if(value==0){//判断值是不是1
            $this.val(1) ;
        }else if(value.indexOf(".")!=-1){//判断有没有输入小数点
            $this.val(value.substring(0,value.indexOf(".")))
        }
    }

3.适用于：比如购物车的商品数量的判断