js判断文本框剩余可输入字数
来源:互联网 发布:淘宝店铺装修 知乎 编辑:程序博客网 时间:2024/04/29 20:12
为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字,项目中需要通过判断提示文本框剩余可输入字数
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
0 0
- js判断文本框剩余可输入字数
- JS 文本框输入字数 显示剩余
- JS(javascript)动态判断输入文本框剩余可输入字符数
- 使用EasyUI实现文本框内容长度验证,对文本框输入内容提示“剩余可输入字数”
- javacsript判读文本框输入剩余字数
- JS统计可输入剩余字数,用于向输入者提示信息
- Edittext字数限制且显示剩余可输入字数
- iOS UITextView 字数限制+提示剩余可输入字数
- jquery之显示多个文本框剩余输入字数
- js 限制输入的字数及其剩余字数的提示
- JS 判断输入的字数
- JS控制文本框textarea输入字数限制
- js统计文本框内已输入字数
- 获得输入剩余字数
- 输入剩余字数
- teaxtarea文本框剩余字数显示
- 检测文本框输入字数
- 限制文本框输入字数
- 关于蚌埠澳美佳医院简介
- 【九度OJ】1029【HashMap查找】【版本二】
- C++ 随机数rand()和srand()
- Activity有四种加载模式launchMode
- poj2104(函数式线段树/主席树)
- js判断文本框剩余可输入字数
- win7删除ubuntu系统
- MBTI 性格测试
- iOS 使用AVAudioRecorder实现音频的录制
- AJAX
- Git教程:远程仓库
- Git教程:分支管理
- 如何用Octave对GNURadio的数据进行分析
- 如何管理Hyper-V的安全权限?