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
  }
})

Answer 2

<input type="number" maxlength=2 id="aa">
$("#aa").on("input propertychange",function(){
                
                if($(this).val().length>2){
                    $(this).val($(this).val().substr(0,2));
                }
})

Answer 3

$('input').on('change',function(){
    if(!/^\d\d$/.test($(this).val())){//如果为0-2位整数，那么/^\d{0-2}$/
        $(this).val('')
    }
})

Answer 4

像这种情况，使用正则表达式是比较好的方法，试试：/^d{0-2}$/

Answer 5

/^[1-9]?d$/.test

Answer 6

可以从输入端控制

document.querySelector('input').addEventListener('input', (e) => {
    let val = e.target.value.replace(/[^\d]/g, '');

    // 使用 maxLength 就可以不用 slice 截取
    e.target.value = val.slice(0, 2);
})