本篇內(nèi)容介紹了“jquery如何設置只能填數(shù)字”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

從策劃到設計制作，每一步都追求做到細膩，制作可持續(xù)發(fā)展的企業(yè)網(wǎng)站。為客戶提供成都網(wǎng)站建設、網(wǎng)站建設、網(wǎng)站策劃、網(wǎng)頁設計、空間域名、雅安服務器托管、網(wǎng)絡營銷、VI設計、 網(wǎng)站改版、漏洞修補等服務。為客戶提供更好的一站式互聯(lián)網(wǎng)解決方案,以客戶的口碑塑造優(yōu)易品牌,攜手廣大客戶,共同發(fā)展進步。

jquery中，可用replace()方法和正則表達式來設置只能填寫數(shù)字，replace()方法用于替換一個與正則表達式匹配的子串，當填寫內(nèi)容不是數(shù)字時就不顯示，語法為“指定元素對象.val().replace(/[^\d]/g,"")”。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

jquery怎樣設置只能填數(shù)字

有的input文本框需要做一些判斷，只能輸入數(shù)字，這個判斷可以通過正則表達式進行判斷，當用戶輸入的內(nèi)容不是數(shù)字就不在input文本框顯示，讓我們來看一下jq如何設置只能輸入數(shù)字。

語法：

$('input').on('input propertychange', function(e) {
var text = $(this).val().replace(/[^\d]/g, "");
$(this).val(text)   
})

新建html文件。

在html文件上創(chuàng)建一個input輸入框，然后設置輸入框的大小。

代碼：

引入jquery.min.js文件。

代碼：

用正則表達式判斷用戶每次輸入的內(nèi)容，當內(nèi)容不是數(shù)字就不顯示。

代碼：

如圖：

保存后html文件后，適用瀏覽器打開進行測試，發(fā)現(xiàn)輸入非數(shù)字的內(nèi)容無法在文本框上顯示。如圖：

只需要把所有代碼復制到新建的html文件上粘貼，保存后即可看到效果。

所有代碼：

“jquery如何設置只能填數(shù)字”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！