色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery讓input只能輸入數字

李斯斯1年前9瀏覽0評論

jQuery是一種著名的JavaScript庫,它使得JavaScript編程更容易。本文介紹如何使用jQuery來實現讓input只能輸入數字。

在HTML中,數字輸入框通常使用input元素的type屬性設置為number,這會自動限制輸入非數字字符。但在某些情況下,我們希望自定義輸入限制,比如只允許輸入正整數。

首先,我們需要定位到要輸入數字的輸入框。這可以使用jQuery選擇器來完成,例如:

var input = $("input[type='number']");

上面的代碼會選中所有type屬性為number的input元素。如果你的輸入框沒有type屬性為number,可以根據實際情況調整選擇器。

接下來,我們可以使用jQuery的keypress事件來限制只輸入數字。該事件在用戶敲擊鍵盤時發生,我們可以在事件處理函數中判斷輸入字符是否為數字。下面是實現代碼:

input.keypress(function(event) {
if (event.which && (event.which < 48 || event.which > 57)) {
// 不是數字,阻止輸入
event.preventDefault();
}
});

上面的代碼通過event.which獲取輸入字符的ASCII碼,并判斷其是否在數字字符的范圍內。如果不是數字字符,則阻止默認事件,即不允許輸入該字符。

這樣,我們就實現了讓input只能輸入數字的功能。完整代碼如下:

$(document).ready(function() {
var input = $("input[type='number']");
input.keypress(function(event) {
if (event.which && (event.which < 48 || event.which > 57)) {
event.preventDefault();
}
}); 
});