Javascript – Problem mit der Wortbeschränkung im js-Eingabefeld

Question

js Eingabefeld begrenzt die Anzahl der Wörter im Eingabefeld, der folgende Code

<input type='text' onkeyup="checkNumber($(this))">

function checkNumber($this){
    let val=$this.val();
    if(val.length > 10 ){
        alert('字数超过10');
    }
}

Während des eigentlichen Prozesses wurden folgende Probleme festgestellt, wie im Bild dargestellt:

Bei der Eingabemethode werden zuerst die Buchstaben angezeigt und dann das Pinyin der Buchstaben in chinesische Schriftzeichen umgewandelt. Daher kann es sein, dass bei der Eingabe die Anzahl der Buchstaben plus chinesischer Zeichen die begrenzte Anzahl an Zeichen überschreitet. Wie kann das Problem gelöst werden?

高洛峰 · Answer

迷茫 · Answer

oninput="checkNumber($(this))"

代言 · Answer

你不用alert，用输入框后面加红框的形式就可以了

给我你的怀抱 · Answer

我们设想下，input也输入全英文的、或者中文，需要限定长度小于10,那么maxlength="10"是需要的，checkNumber函数然后判断是否input有存在中文，有的话判断最后字符是否是英文。如果没有中文说明说纯英文就提示，这样方案不足之处有中文和英文一起存在不好判断。

ringa_lee · Answer

下面这个例子，不知会不会帮到你




    
    input 事件兼容处理以及中文输入法优化

曾经蜡笔没有小新 · Answer

onkeyup事件换成onblur事件解决。