jquery怎麼設定只能填數字

jquery中，可用replace()方法和正規表示式來設定只能填入數字，replace()方法用來取代一個與正規表示式相符的子字串，當填入內容不是數字時就不顯示，語法為「指定元素物件.val().replace(/[^\d]/g,"")」。

本教學操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery怎麼設定只能填數字

有的input文字方塊需要做一些判斷，只能輸入數字，這個判斷可以透過正規表示式進行判斷，當使用者輸入的內容不是數字就不在input文字方塊顯示，讓我們來看看jq如何設定只能輸入數字。

語法：

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

新html檔。

在html檔案上建立一個input輸入框，然後設定輸入框的大小。

程式碼：

引入jquery.min.js檔案。

程式碼：

用正規表示式判斷用戶每次輸入的內容，當內容不是數字就不顯示。

程式碼：

<script>
$(function(){
$(&amp;#39;input&amp;#39;).on(&amp;#39;input propertychange&amp;#39;, function(e) {
var text = $(this).val().replace(/[^\d]/g, &quot;&quot;);
$(this).val(text)   
})
})
</script>

如圖：

#儲存後html檔案後，適用瀏覽器開啟進行測試，發現輸入非數字的內容無法在文字方塊上顯示。如圖：

只需要把所有程式碼複製到新建的html檔案上貼上，儲存後即可看到效果。

所有程式碼：

<script>
$(function(){
$(&amp;#39;input&amp;#39;).on(&amp;#39;input propertychange&amp;#39;, function(e) {
var text = $(this).val().replace(/[^\d]/g, &quot;&quot;);
$(this).val(text)   
})
})
</script>

相關影片教學推薦：jQuery影片教學

以上是jquery怎麼設定只能填數字的詳細內容。更多資訊請關注PHP中文網其他相關文章！