在網頁開發中,有時候需要限制用戶在輸入框中只能輸入字符,這時候可以使用jQuery來實現。
首先,我們需要給輸入框綁定一個事件,在事件中判斷輸入內容是否符合要求。
$(document).ready(function(){ $("#input").on("input",function(){ var reg = /[^a-zA-Z]/g; var value = $(this).val(); if(reg.test(value)){ $(this).val(value.replace(reg,"")); } }); });
上述代碼中,我們給ID為"input"的輸入框綁定了一個"input"事件。在事件中,我們首先定義了一個正則表達式,用來排除非字母字符。接著,我們獲取輸入框中的值并進行判斷,如果匹配到非字母字符,則使用replace()方法將其替換為空字符串。
最后,我們將以上代碼封裝成一個函數,方便在其他地方調用。
function onlyChars(input){ $(input).on("input",function(){ var reg = /[^a-zA-Z]/g; var value = $(this).val(); if(reg.test(value)){ $(this).val(value.replace(reg,"")); } }); }
以上就是使用jQuery實現輸入框只能輸入字符的方法。
上一篇jquery輸入框文本