Jquery input 輸入數字的功能在實際開發中非常常見。在驗證碼、身份證號碼等輸入框中,限制用戶只能輸入數字是非常有必要的。下面我們就來看看如何通過Jquery實現這個功能。
$(document).on("input propertychange", "input[type='number']", function() { $(this).val($(this).val().replace(/\D/g, '')); });
在上述代碼中,我們通過Jquery的on()方法為所有type為number的輸入框綁定了input和propertychange兩個事件。input事件表示輸入框中的內容發生了變化,propertychange事件表示元素自身的屬性變化,例如輸入框的value值變化。當這兩個事件中任意一個被觸發時,代碼中的回調函數就會被執行。
在回調函數內部,我們通過val()方法獲取了輸入框的當前值,并使用JavaScript的replace()方法將非數字字符替換為空字符串。這意味著所有非數字字符都會被過濾掉,只保留純數字。
最后,我們通過設置輸入框的value值來實現數字限制的效果。
通過以上代碼,我們就成功實現了Jquery input 輸入數字的功能。這個技巧可以大大提高用戶輸入的體驗,在某些場景下還可以提高輸入準確性。希望這篇文章能對您有所幫助!