js判断文本框剩余可输入字数的方法
2015-02-04 00:00
459 查看
本文实例讲述了js判断文本框剩余可输入字数的方法。分享给大家供大家参考。具体如下:
目的:为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字,项目中需要通过判断提示文本框剩余可输入字数
JS实现方法
希望本文所述对大家的javascript程序设计有所帮助。
目的:为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字,项目中需要通过判断提示文本框剩余可输入字数
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>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章推荐
- js判断文本框剩余可输入字数的方法
- js判断文本框剩余可输入字数
- JS控制文本框textarea输入字数限制的方法
- JS与jQuery判断文本框还剩多少字符可以输入的方法
- JS(javascript)动态判断输入文本框剩余可输入字符数
- JS控制文本框textarea输入字数限制的方法
- JS判断文本框只能输入数字方法
- JS控制文本框textarea输入字数限制的方法
- JS控制文本框textarea输入字数限制的方法
- JS实现动态提示文本框可输入剩余字数(类似发表微博数字提示)
- js统计文本框剩余可输入字数 中文 英文长度区分
- js中判断文本框是否为空的两种方法
- 解析使用js判断只能输入数字、字母等验证的方法(总结)
- js判断两文本框内输入的数字大小
- 使用js判断文本框不能输入空格
- JS文本框不能输入空格验证方法
- JS判断文本框输入的包含字母,数字,汉字,但输入的时候必须有汉字
- js对文本框输入的字数限制、通过复选框控制其他html控件的可用性
- js判断文本框不能输入特殊符号 (代码可直接用)
- js 中判断表单输入方法