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