jQuery+正則+文本框只能輸入數(shù)字的實(shí)現(xiàn)方法
網(wǎng)站中的一個(gè)小功能:要求用戶只能輸入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();
}
};
};
另一種方法:
用正則表達(dá)式限制只能輸入數(shù)字:
onkeyup="value=value.replace(/[^/d] /g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"
上面的兩種方法我均用過,但多少都會(huì)出現(xiàn)一些問題,比如瀏覽器的兼容性問題,不能達(dá)到想要的效果等,所以,最后還是考慮用正則來自己寫。
直接貼代碼了,很簡(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ī)淼膉Query+正則+文本框只能輸入數(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á)式說明
- 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.trim() 函數(shù)及trim()用法詳解
jQuery.trim()函數(shù)用于去除字符串兩端的空白字符。jquery trim函數(shù)應(yīng)用非常廣泛,下面小編給大家講解jquery.trim()函數(shù)及trim()用法詳解,需要的朋友可以參考下2015-10-10
springmvc接收jquery提交的數(shù)組數(shù)據(jù)代碼分享
這篇文章主要介紹了springmvc接收jquery提交的數(shù)組數(shù)據(jù)代碼分享,還是比較不錯(cuò)的,這里分享給大家,供需要的朋友參考。2017-10-10
jquery 圓角遮罩圖片實(shí)現(xiàn)圖片圓角
用jquery實(shí)現(xiàn)的圖片圓角效果代碼。2009-05-05
Jquery $.getJSON 在IE下的緩存問題解決方法
$.getJSON 的url都是相同的 問題來了 我修改 或者 新增樹節(jié)點(diǎn) 然后刷新tree IE竟然毫無變化 在其他瀏覽器上面都OK,于是搜到一個(gè)可行的解決方法2014-10-10
修復(fù)jQuery tablesorter無法正確排序的bug(加千分位數(shù)字后)
這篇文章主要介紹了如何修復(fù)jQuery tablesorter無法正確排序的bug(加千分位數(shù)字后)的相關(guān)資料,需要的朋友可以參考下2016-03-03
JQuery操作textarea,input,select,checkbox方法
本文給大家匯總介紹了一些JQuery操作textarea,input,select,checkbox的方法和技巧,十分的簡(jiǎn)單實(shí)用,都是小編項(xiàng)目中使用過的,這里推薦給大家。2015-09-09
jquery中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

