jQuery+正則+文本框只能輸入數(shù)字的實現(xiàn)方法
網(wǎng)站中的一個小功能:要求用戶只能輸入16位數(shù)字。
試過javascript的方法:
如:一種方法:
//只允許輸入數(shù)字 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(); } }; };
另一種方法:
用正則表達式限制只能輸入數(shù)字: onkeyup="value=value.replace(/[^/d] /g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"
上面的兩種方法我均用過,但多少都會出現(xiàn)一些問題,比如瀏覽器的兼容性問題,不能達到想要的效果等,所以,最后還是考慮用正則來自己寫。
直接貼代碼了,很簡單的正則表達式:
<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 () { //如果輸入非數(shù)字,則替換為'',如果輸入數(shù)字,則在每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 /> 輸入非數(shù)字替換為'' <input type="text" name="name" value="" onkeyup="value=value.replace(/[^\d]/g,'')" /> <br /> <br /> </body>
頁面效果:
瀏覽器的兼容性:
我在IE7.8.9.10下,firefox,chrome下測試均可以。
以上就是小編為大家?guī)淼膉Query+正則+文本框只能輸入數(shù)字的實現(xiàn)方法全部內(nèi)容了,希望大家多多支持腳本之家~
- jQuery正則表達式的使用方法步驟詳解
- jQuery如何用正則表達式驗證手機號、身份證號、中文名稱
- jquery正則表達式驗證(手機號、身份證號、中文名稱)
- jquery使用正則表達式驗證email地址的方法
- Jquery Validate 正則表達式實用驗證代碼大全
- js jquery驗證銀行卡號信息正則學(xué)習(xí)
- jQuery中校驗時間格式的正則表達式小結(jié)
- jquery里的正則表達式說明
- jquery 取字符串中數(shù)字的正則
- JavaScript正則表達式替換字符串中圖片地址(img src)的方法
- js使用Replace結(jié)合正則替換重復(fù)出現(xiàn)的字符串功能示例
- jQuery使用正則表達式替換dom元素標簽用法示例
- jquery 正整數(shù)數(shù)字校驗正則表達式
相關(guān)文章
jQuery.trim() 函數(shù)及trim()用法詳解
jQuery.trim()函數(shù)用于去除字符串兩端的空白字符。jquery trim函數(shù)應(yīng)用非常廣泛,下面小編給大家講解jquery.trim()函數(shù)及trim()用法詳解,需要的朋友可以參考下2015-10-10springmvc接收jquery提交的數(shù)組數(shù)據(jù)代碼分享
這篇文章主要介紹了springmvc接收jquery提交的數(shù)組數(shù)據(jù)代碼分享,還是比較不錯的,這里分享給大家,供需要的朋友參考。2017-10-10Jquery $.getJSON 在IE下的緩存問題解決方法
$.getJSON 的url都是相同的 問題來了 我修改 或者 新增樹節(jié)點 然后刷新tree IE竟然毫無變化 在其他瀏覽器上面都OK,于是搜到一個可行的解決方法2014-10-10修復(fù)jQuery tablesorter無法正確排序的bug(加千分位數(shù)字后)
這篇文章主要介紹了如何修復(fù)jQuery tablesorter無法正確排序的bug(加千分位數(shù)字后)的相關(guān)資料,需要的朋友可以參考下2016-03-03JQuery操作textarea,input,select,checkbox方法
本文給大家匯總介紹了一些JQuery操作textarea,input,select,checkbox的方法和技巧,十分的簡單實用,都是小編項目中使用過的,這里推薦給大家。2015-09-09jquery中focus()函數(shù)實現(xiàn)當對象獲得焦點后自動把光標移到內(nèi)容最后
當對象獲得焦點后,自動把光標移到內(nèi)容最后,使用focus()函數(shù)便可實現(xiàn),下面有個不錯的示例,感興趣的朋友可以參考下2013-09-09