input只能输入两位整数

Question

input中的值，只能为两位整数，现已增加属性maxlength，js该如何做校验？

Answer 1

如果只要求在提交时警告直接用pattern属性就好

<input type="text" pattern="\d{2}"/>

如果你希望输入的时候就阻止输入其他字符, 就在change事件里操作

let prevVal = ""

inputEl.addEventListener("change", () => {

  if (!/^\d{0,2}$/.test(inputEl.value)) {

    inputEl.value = prevVal

  } else {

    prevVal = inputEl.value

  }

})