站長資訊網(wǎng)
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輸入框，然后設置輸入框的大小。
代碼：<input type="text" style="width: 190px;">
引入jquery.min.js文件。
代碼：<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
用正則表達式判斷用戶每次輸入的內(nèi)容，當內(nèi)容不是數(shù)字就不顯示。
代碼：
<script> $(function(){ $('input').on('input propertychange', function(e) { var text = $(this).val().replace(/[^d]/g, ""); $(this).val(text) }) }) </script>
如圖：
保存后html文件后，適用瀏覽器打開進行測試，發(fā)現(xiàn)輸入非數(shù)字的內(nèi)容無法在文本框上顯示。如圖：
只需要把所有代碼復制到新建的html文件上粘貼，保存后即可看到效果。
所有代碼：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script> <script> $(function(){ $('input').on('input propertychange', function(e) { var text = $(this).val().replace(/[^d]/g, ""); $(this).val(text) }) }) </script> </head> <body> <input type="text" style="width: 190px;"> </body> </html>
相關視頻教程推薦：jQuery視頻教程
