javascript - masalah had perkataan kotak input js

Question

kotak input js mengehadkan bilangan perkataan dalam kotak input, kod berikut

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

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

Semasa proses sebenar, masalah berikut ditemui, seperti yang ditunjukkan dalam gambar:

Dalam kaedah input, huruf dipaparkan dahulu, dan kemudian pinyin huruf ditukar kepada aksara Cina. Oleh itu, mungkin apabila memasukkan, bilangan huruf ditambah aksara Cina melebihi bilangan aksara yang terhad Bagaimana untuk menyelesaikan masalah?

高洛峰 · Answer

迷茫 · Answer

oninput="checkNumber($(this))"

代言 · Answer

Anda tidak perlu makluman, cuma tambahkan kotak merah selepas kotak input

给我你的怀抱 · Answer

Kami membayangkan bahawa input juga dalam bahasa Inggeris atau Cina penuh, dan panjangnya perlu dihadkan kepada kurang daripada 10, maka panjang maksimum="10" diperlukan Fungsi checkNumber kemudian menentukan sama ada input mengandungi aksara Cina, dan jika ya , menentukan sama ada aksara terakhir dalam bahasa Inggeris . Jika tiada penjelasan bahasa Cina dan ia dalam bahasa Inggeris tulen, ia akan menggesa anda untuk menilai kelemahan rancangan jika kedua-dua bahasa Cina dan Inggeris hadir bersama.

ringa_lee · Answer

Contoh berikut, saya tertanya-tanya sama ada ia akan membantu anda




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

曾经蜡笔没有小新 · Answer

onkeyup事件换成onblur事件解决。