html - 如何防止文本元素内出现字母？

Question

我喜欢最大长度为 3 的输入。

这些输入值只能是数字，不能是字母。

引用这篇文章:why is <input type="number" maxlength="3"> not working in Safari?你可以看到我无法使用 <input type="numbers">

那么如何防止文本输入元素中出现字母呢？

Answer 1

<script>
function checkPattern(elem) {
  if(!elem.value.match('^' + elem.getAttribute('pattern') + '$')) {
    alert('The value must be 3 digits.');
  }
}   
</script>
<input maxlength=3 pattern=[0-9]{3} onchange=
   checkPattern(this)>

根据应用修改错误处理。这个想法是使用 HTML5 pattern 属性并使用简单的 JavaScript 代码对其进行备份，以用于不支持该属性但已禁用 JavaScript 的浏览器。