js輸入框限定輸入框的字數,以下程式碼
<input type='text' onkeyup="checkNumber($(this))">
function checkNumber($this){
let val=$this.val();
if(val.length > 10 ){
alert('字数超过10');
}
}
在實際過程中,發現以下問題,如圖:
在輸入法中是,先顯示字母,再將字母拼音轉換成漢字。故可能在輸入的時候,字母加漢字已超過限定的字數,該如何解?
雷雷
oninput="checkNumber($(this))"
你不用alert,用輸入框後面加紅框的形式就可以了
我們設想下,input也輸入全英文的、或者中文,需要限定長度小於10,那麼maxlength="10"是需要的,checkNumber函數然後判斷是否input有存在中文,有的話判斷最後字符是否是英文。如果沒有中文說明說純英文就提示,這樣方案不足之處有中文和英文一起存在不好判斷。
下面這個例子,不知會不會幫你
onkeyup事件換成onblur事件解決。