针对 input 输入框输入内容的限制（仅输入整数和小数保留两位）

最新推荐文章于 2022-06-06 09:16:30 发布

javabro

最新推荐文章于 2022-06-06 09:16:30 发布

阅读量755

点赞数

分类专栏： JavaScript 文章标签： JavaScript HTML

本文链接：https://blog.youkuaiyun.com/javaBro/article/details/100010820

版权

这篇博客介绍了如何在HTML输入框中限制用户只能输入整数和最多两位小数，通过JavaScript进行验证，避免0.0这样的无效输入，提高代码实用性。文章还提示可以通过调整正则表达式来改变小数保留位数。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../resource/js/jquery-1.10.2.min.js"></script>
</head>
<body>
<label>数值：</label></lable><input type="text" value="" id="number">
</body>
<script>
    $(document).on("keydown", function (event) {
        let num = $("#number").val();
        //整数 小数  说明：0.0表示无效数字
        let regex = new RegExp("^([0-9])$|^([1-9]*)$|^(([1-9]+|0)\.([1-9]{1}|[1-9]{1,2}|0{1}[1-9]{1}))$");
        if(event.keyCode== 13) {
            console.log(regex.test(num))
            console.log(event)
        }
    })
</script>
</html>

以上是简单html页面，可自行引入jquery版本进行测试。说明：在实际应用中考虑输入0.0对业务并无实际意义࿰