<form action="">
<input type="text" name="" id="tet" required pattern="^\d{5}$" oninput="checktet(this), checkLength(this,5)"
placeholder="请输入代码">
<input type="submit" value="提交">
</form>
`
```javascript
更改提示信息并限制输入长度
function checktet(obj) {
// console.log(obj.validity);
var i = obj.validity;
if (i.valueMissing == true) {
obj.setCustomValidity("不能为空");
} else {
if (i.patternMismatch == true) {
obj.setCustomValidity("必须是5位数字");
} else {
obj.setCustomValidity("");
}
}
}
function checkLength(obj, length) {
if (obj.value > length) {
obj.value = obj.value.substr(0, length);
}
}