前端日期输入的时候限制格式为yyyy/MM/dd,限定长度为8,不能输入其他字符如何写
时间: 2023-05-20 08:07:05 浏览: 203
限制输入字符的长度和内容
3星 · 编辑精心推荐
你可以使用正则表达式来限制前端日期输入的格式和长度。以下是一个示例代码:
```javascript
// 获取日期输入框元素
var input = document.getElementById("date-input");
// 绑定输入事件
input.addEventListener("input", function() {
// 获取输入的值
var value = input.value;
// 使用正则表达式匹配格式
var regex = /^\d{4}\/\d{2}\/\d{2}$/;
if (!regex.test(value)) {
// 如果格式不正确,清空输入框
input.value = "";
return;
}
// 使用正则表达式匹配长度
var length = value.replace(/\D/g, "").length;
if (length !== 8) {
// 如果长度不正确,清空输入框
input.value = "";
return;
}
});
```
这段代码会在日期输入框的输入事件中检查输入的值是否符合格式和长度要求,如果不符合则清空输入框。
阅读全文