如何使用js在输入字段中只接受数字

Question

如何使用js事件监听器使输入框只接受输入字段中的数字。

  <form action="#">
     <label for="value">Value:</label>
     <input type="text" name="value" id="value" />
     <button type="submit">Convert</button>
     <button type="reset">Clear</button>
  </form>
 

<script>
    form.addEventListener(`submit`, function(event){
        event.preventDefault();
    });    
</script>

Answer 1

您可以将输入解析为数字，然后检查它是数字还是其他类似 NaN 的东西。

if(typeof parseInt(input) ==="number"){
  console.log("number!");
}

请注意，任何人都可以使用开发工具绕过此问题，因此不要忘记实施服务器端验证。（提示@samathingamajig）