javascript - js输入框限定字数问题
问题描述
js输入框限定输入框的字数，以下代码
<input type=’text’ onkeyup='checkNumber($(this))'>function checkNumber($this){ let val=$this.val(); if(val.length > 10 ){alert(’字数超过10’); }}
在实际过程中，发现以下问题，如图：
在输入法中是，先显示字母，再将字母拼音转换成汉字。故可能在输入的时候，字母加汉字已超过限定的字数，该如何解决？
问题解答
回答1：<input type='text' maxlength='10'>回答2：
oninput='checkNumber($(this))'
回答3：你不用alert，用输入框后面加红框的形式就可以了
回答4：我们设想下，input也输入全英文的、或者中文，需要限定长度小于10,那么maxlength='10'是需要的，checkNumber函数然后判断是否input有存在中文，有的话判断最后字符是否是英文。如果没有中文说明说纯英文就提示，这样方案不足之处有中文和英文一起存在不好判断。
回答5：下面这个例子，不知会不会帮到你
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>input 事件兼容处理以及中文输入法优化</title></head><body> <input type=’text’> <script>var input = document.querySelector(’input’);var isLock = false;//当浏览器有非直接的文字输入时, compositionstart事件会以同步模式触发.input.addEventListener(’compositionstart’, function(){ isLock = true;})//当浏览器是直接的文字输入时, compositionend会以同步模式触发.input.addEventListener(’compositionend’, function(){ isLock = false;});input.addEventListener(’input’,function(e){ if(!isLock)console.log(this.value);}); </script></body></html>回答6：
onkeyup事件换成onblur事件解决。
相关文章：
1. html5 - javascript写业务有用到什么编程范式没？2. javascript - 一排三个框，各个框的间距是15px,距离外面的白框间距也是15px，这个css怎么写？3. javascript - vue 手机端项目在进入主页后 在进入子页面，直接按返回出现空白情况4. javascript - nodejs调用qiniu的第三方资源抓取，返回401 bad token，为什么5. html5 - vue-cli 装好了 新建项目的好了，找不到项目是怎么回事？6. javascript - immutable配合react提升性能？7. python3.x - python 中的maketrans在utf-8文件中该怎么使用8. javascript - jQuery post()方法，里面的请求串可以转换为GBK编码么？可以的话怎样转换？9. javascript - H5或者JS如何获得当前位置地理定位，只需要获取经纬度即可10. mysql - C#连接数据库时一直这一句出问题int i = cmd.ExecuteNonQuery();
网公网安备