jQuery+正則+文本框只能輸入數字的實現方法

2019-11-20 08:48:58

字體：大中小

來源：轉載

供稿：網友

網站中的一個小功能：要求用戶只能輸入16位數字。

試過javascript的方法：

如：一種方法：

//只允許輸入數字     function checkkey2(value, e) {       var key = window.event ? e.keyCode : e.which;       if ((key > 95 && key < 106) || (key > 47 && key < 60)) {       }       else if (key != 8) {         if (window.event) //IE         {           e.returnValue = false;          }         else //Firefox         {           e.preventDefault();         }       };     };

另一種方法：

用正則表達式限制只能輸入數字：onkeyup="value=value.replace(/[^/d] /g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"

上面的兩種方法我均用過，但多少都會出現一些問題，比如瀏覽器的兼容性問題，不能達到想要的效果等，所以，最后還是考慮用正則來自己寫。

直接貼代碼了，很簡單的正則表達式：

<head>  <meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" />  <title></title>  <!-- http://www.cnblogs.com/babycool -->  <script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script>  <script type="text/javascript">    $(function () {      $("#xxxxxx").keyup(function () {        //如果輸入非數字，則替換為''，如果輸入數字，則在每4位之后添加一個空格分隔        this.value = this.value.replace(/[^/d]/g, '').replace(/(/d{4})(?=/d)/g, "$1 ");      })    });  </script></head><body>  限制只能輸入19個字符  <input id="xxxxxx" type="text" name="name" value="" maxlength="19" />  <br />   <br />  輸入非數字替換為''  <input type="text" name="name" value="" onkeyup="value=value.replace(/[^/d]/g,'')" />  <br />  <br /></body>

頁面效果：