input 限制输入数字为0到100

最新推荐文章于 2024-04-07 10:15:08 发布

小柴_

最新推荐文章于 2024-04-07 10:15:08 发布

阅读量4.1k

点赞数 2

分类专栏：前端文章标签： JavaScript 数值校验输入限制百分比函数

本文链接：https://blog.csdn.net/weixin_43687353/article/details/117692950

版权

前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

最小值超过0, 是负数, 那么就改成0。
最大值超过100, 那么就修改为100。
也可以自行修改函数内容。
在这里插入图片描述

1.页面效果

在这里插入图片描述

2.js函数

		ruleConfig.checkNumberValue = function (inputObj) {
                //效验输入数字是否0-100
                if(!/(^0$)|(^100$)|(^\d{1,2}$)/.test(inputObj.value)) {
                    if(inputObj.value>100){
                        inputObj.value = 100;
                    }
                    if(inputObj.value<0){
                        inputObj.value = 0;
                    }
                }
            }

3.标签事件

				<div>
                    <label style="width: auto">我司服务费率：</label>
                    <input style="width: 50px;" type="radio" name="companyServiceFeeType" value="2"/>固定费率  
                    <input type="number" name="companyServiceFee" onchange="ruleConfig.checkNumberValue(this)" placeholder="请填写"/>（%）
                </div>