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

jquery設置input無法輸入

謝建平1年前7瀏覽0評論

JQuery是現今Web開發中最流行的JavaScript庫之一,能夠簡化JavaScript的開發,減少代碼量,提高開發效率。在HTML表單中,我們常常需要限制用戶在輸入框中輸入的內容,例如只能輸入數字、只能輸入英文字母、只能輸入郵箱地址等等。而如何使用jQuery來設置input無法輸入呢?下面就讓我們來看一下。

$(function() {
// 防止輸入非數字
$("input[type='number']").keypress(function(e) {
var code = e.keyCode || e.which;
return code >= 48 && code <= 57;
});
// 防止輸入非字母
$("input[type='text']").keypress(function(e) {
var code = e.keyCode || e.which;
return (code >= 65 && code <= 90) || (code >= 97 && code <= 122);
});
// 防止輸入空格
$("input[type='text']").keydown(function(e) {
if (e.keyCode == 32) {
return false;
}
});
// 防止輸入特定字符
$("input[type='text']").keyup(function(e) {
var pattern = /[^\u4E00-\u9FA5a-zA-Z]/g;
var newValue = $(this).val().replace(pattern, '');
$(this).val(newValue);
});
});

上述代碼中,我們通過jQuery的選擇器選擇了不同類型的input表單元素,然后分別根據需求設置了它們的輸入限制。例如,input[type='number']表示選擇所有type為number的input元素,通過keypress事件來屏蔽非數字的輸入。input[type='text']則通過keypress、keydown、keyup事件來屏蔽空格和特定字符的輸入,以及限制只能輸入字母。

通過上述代碼,我們可以非常簡單地通過jQuery實現設置input無法輸入的功能。希望對您有所幫助!