用js限制输入数字

<input type="number" id="numberInput" min="0" max="100">

<input type="text" id="numberInput">

<script>
document.getElementById('numberInput').addEventListener('input', function (e) {
  // 使用正则表达式移除非数字字符
  let value = e.target.value.replace(/[^0-9]/g, '');
  e.target.value = value;
});
</script>

<form id="myForm">
  <input type="text" id="numberInput">
  <button type="submit">Submit</button>
</form>

<script>
document.getElementById('myForm').addEventListener('submit', function (e) {
  let value = document.getElementById('numberInput').value;
  if (!/^\d+$/.test(value)) {
    alert('Please enter a valid number.');
    e.preventDefault(); // 阻止表单提交
  }
});
</script>

<input type="text" id="numberInput" pattern="[0-9]+" title="Please enter a valid number">