首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何制作只允许整数值的文本框?

要制作只允许整数值的文本框,可以使用HTML和JavaScript。以下是一个简单的示例:

  1. 创建HTML文件,如index.html
代码语言:html
复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>整数文本框示例</title>
</head>
<body>
   <input type="text" id="integer-input" oninput="validateInput()">
   <script src="script.js"></script>
</body>
</html>
  1. 创建JavaScript文件,如script.js
代码语言:javascript
复制
function validateInput() {
    const input = document.getElementById('integer-input');
    const regex = /^[0-9]*$/;

    if (!regex.test(input.value)) {
        input.value = input.oldValue;
    } else {
        input.oldValue = input.value;
    }
}

在这个示例中,我们创建了一个文本框,当用户输入时,会触发validateInput函数。这个函数会检查输入的值是否为整数,如果不是,文本框的值将被恢复为之前的值。

这个示例仅仅是一个简单的实现,您可以根据需要进行修改和扩展。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券