<input type="text" name="amount" value="1">js限制输入大小
时间: 2024-06-02 20:06:25 浏览: 126
JS控制 input 输入字符限制
4星 · 用户满意度95%
你可以使用 JavaScript 来限制输入框中输入的最大值或最小值,以下是一些实现方式:
1. 使用 HTML5 的 input 标签中的 max 和 min 属性,例如:
```
<input type="number" name="amount" min="1" max="100">
```
这会将输入框中可输入的最小值限制为 1,最大值限制为 100。
2. 使用 JavaScript 的 oninput 事件监听输入框中的值,并在达到最大值或最小值时强制修改为该值。例如:
```
<input type="number" name="amount" oninput="checkLimit()" value="1">
<script>
function checkLimit() {
var input = document.getElementsByName("amount");
var max = 100;
var min = 1;
if (input.value > max) {
input.value = max;
} else if (input.value < min) {
input.value = min;
}
}
</script>
```
这会在输入框的值发生变化时调用 checkLimit() 函数,检查当前值是否超出了最大或最小值的范围,如果超出则强制修改为最大或最小值。
阅读全文