<input class="form-control" id="QS_CASE_NO" onkeyup="this.value = this.value.toUpperCase();" />把这个输入框每两位加上一个/ 只能输入数字 最多输入四位数字
时间: 2024-02-10 12:12:23 浏览: 58
js限制输入框只能输入数字(onkeyup触发)
可以通过JavaScript代码来实现这个需求,具体实现方法如下:
首先,在HTML代码中添加一个输入框,并设置其id属性为"inputBox",代码如下:
```html
<input type="text" id="inputBox" maxlength="4">
```
接下来,在JavaScript代码中获取该输入框,并为其添加一个事件监听器,当输入框中的内容发生改变时,将会触发该事件监听器,代码如下:
```javascript
let inputBox = document.getElementById("inputBox");
inputBox.addEventListener("input", function() {
// 在这里添加代码
});
```
在事件监听器中,我们需要实现输入框每两位加上一个斜杠的功能,同时限制输入框只能输入数字并且最多只能输入四位数字。具体实现方法如下:
```javascript
let inputBox = document.getElementById("inputBox");
inputBox.addEventListener("input", function() {
// 获取输入框中的内容
let inputText = inputBox.value;
// 将输入框中的内容替换为只包含数字的字符串
inputText = inputText.replace(/[^0-9]/g, "");
// 判断输入框中的数字是否超过四位,如果超过则截取前四位
if (inputText.length > 4) {
inputText = inputText.substr(0, 4);
}
// 将每两位数字之间加上一个斜杠
inputText = inputText.replace(/(\d{2})/g, "$1/");
// 更新输入框中的内容
inputBox.value = inputText;
});
```
以上代码中,我们使用了正则表达式和字符串操作来实现输入框每两位加上一个斜杠的功能,同时限制输入框只能输入数字并且最多只能输入四位数字。
阅读全文