表单过滤只允许输入数字

函数改编自JavaScript高级程序设计第三版424页

常用于控制电话号码的纯数字输入，非数字无法输入进 input

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<input type="text">
  <script>
    function inputFilter(dom) {
      dom.addEventListener('keypress', function(e){
        let code = e.charCode
        
        if(!/\d/.test(String.fromCharCode(code)) && code > 9 && !e.ctrlKey) {
          e.preventDefault()
        }
      },false)
    }
    let t = document.querySelector('[type="text"]')
    inputFilter(t)
  </script>
</body>
</html>
posted @ 2017-10-04 09:32  wmui  阅读(814)  评论(0)    收藏  举报