js判断文本框剩余可输入字数
2014-08-10 18:31
381 查看
为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字,项目中需要通过判断提示文本框剩余可输入字数
JS实现方法
参考资料: js统计文本框剩余可输入字数 http://www.studyofnet.com/news/529.html
JS实现方法
<html> <head runat="server"> <title></title> <script type="text/javascript"> var maxstrlen = 160; function Q(s) { return document.getElementById(s); } function checkWord(c) { len = maxstrlen; var str = c.value; myLen = getStrleng(str); var wck = Q("wordCheck"); if (myLen > len * 2) { c.value = str.substring(0, i + 1); } else { wck.innerHTML = Math.floor((len * 2 - myLen) / 2); } } function getStrleng(str) { myLen = 0; i = 0; for (; (i < str.length) && (myLen <= maxstrlen * 2); i++) { if (str.charCodeAt(i) > 0 && str.charCodeAt(i) < 128) myLen++; else myLen += 2; } return myLen; } </script> </head> <body> <form id="form1" runat="server"> <div style="font-size: 16px"> 控制输入框字符输入,计算输入字符总数,显示剩余字数;<br> 一个英文字符算一个字符,一个中文字符算两个字符计算。 </div> <div> <textarea onkeyup="javascript:checkWord(this);" onmousedown="javascript:checkWord(this);" name="content" style="overflow-y: scroll"></textarea> </div> <div> 还可以输入<span style="font-family: Georgia; font-size: 26px;" id="wordCheck">160</span>个字符 </div> </form> </body> </html>
参考资料: js统计文本框剩余可输入字数 http://www.studyofnet.com/news/529.html
相关文章推荐
- js判断文本框剩余可输入字数的方法
- js判断文本框剩余可输入字数的方法
- JS(javascript)动态判断输入文本框剩余可输入字符数
- JS实现动态提示文本框可输入剩余字数(类似发表微博数字提示)
- js统计文本框剩余可输入字数 中文 英文长度区分
- 使用js判断文本框不能输入空格
- JS判断汉字数字表单文本框输入指定字符类型
- js判断文本框不能输入特殊符号 (代码可直接用)
- js判断文本框输入的是否是数字
- JS判断文本框中只能输入数字和小数点
- JS控制文本框textarea输入字数限制的方法
- JS判断文本框输入是否为数字
- JS统计可输入剩余字数,用于向输入者提示信息
- javacsript判读文本框输入剩余字数
- 【JS/JQ】判断文本框输入的只能是…
- js计算文本框当前值输入的字数
- JS判断文本框输入的包含字母,数字,汉字,但输入的时候必须有汉字
- JS 输入字数判断实现代码
- js判断文本框里面输入内用以后是否有回车 (兼容FF和IE)
- js判断两文本框内输入的数字大小