js统计文本框剩余可输入字数
类别:Web前端 浏览量:2225
时间:2014-7-27 js统计文本框剩余可输入字数
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">
<li style="font-size: 16px">
控制输入框字符输入,计算输入字符总数,显示剩余字数;<br>
一个英文字符算一个字符,一个中文字符算两个字符计算。
</li>
<li>
<textarea onkeyup="javascript:checkWord(this);" onmousedown="javascript:checkWord(this);"
name="content" style="overflow-y: scroll"></textarea>
</li>
<li>
还可以输入<span style="font-family: Georgia; font-size: 26px;" id="wordCheck">160</span>个字符
</li>
</form>
</body>
</html>
标签:javascript
您可能感兴趣
- javascript动作事件有哪些(JavaScript之事件循环案例讲解)
- javascript函数工具有哪些(如何让你的JavaScript函数更加优雅详解)
- javascript函数的递归调用记得加上return
- js使用canvas(JavaScript canvas实现七彩时钟效果)
- javascript 经典算法(JavaScript实现的七种排序算法总结推荐!)
- js闭包可以解决哪些问题(JavaScript中let避免闭包造成问题)
- js宏任务都有哪些(JavaScript 操作宏任务与微任务)
- pyqt5加载chrome浏览器(PyQt5内嵌浏览器注入JavaScript脚本实现自动化操作的代码实例)
- js 定时切换图片(JavaScript定时器实现无缝滚动图片)
- javascript文件解压(JavaScript 如何在线解压 ZIP 文件)
- javascript设置鼠标(JavaScript实现鼠标控制自由移动的窗口)
- mvc JavaScriptResult的用法
- web前端快速入门之html(Web前端开发规范2017HTML/JavaScript/CSS)
- javascript作用域实例(JavaScript defineProperty如何实现属性劫持)
- 微信小程序抽签如何抽中(JavaScript实现班级抽签小程序)
- javascript编程中的promise(JavaScript如何利用Promise控制并发请求个数)
- 这个全椒人被通报表彰,看看你认识吗(这个全椒人被通报表彰)
- 全椒人,38年集体回忆 1980-2018 ,看完不要哭(全椒人38年集体回忆)
- 董元奔吟咏历代文人 1012新旧均可 全椒人张璪 1022 -1093(董元奔吟咏历代文人)
- 泪目 这位 刷屏 的英雄,是全椒人的骄傲(泪目这位刷屏)
- 人从众 火炎焱 全椒再现 正月十六走太平 的魅力(人从众火炎焱全椒再现)
- 官宣 全椒籍明星许海峰 奚秀兰 方芳 王璐瑶携手回家 走太平(全椒籍明星许海峰)
热门推荐
- php环境搭建windows系统(Windows环境下安装PHP Pear的方法图文教程)
- 如何获取gridview隐藏列的值
- nginx报网络连接错误(Nginx 502 Bad Gateway错误原因及解决方案)
- web前端css总结(前端面试必备之CSS3的新特性)
- 服务器宝塔面板怎么安装(VPS安装宝塔面板+云锁过程记录)
- MySQL中TIMESTAMP和DATETIME
- pandas删除特定条件的行(pandas删除指定行详解)
- 面试时如何回答为什么要离职的问题
- sql server 数值类型运算(SQL SERVER2012中新增函数之字符串函数CONCAT详解)
- 织梦网站栏目管理和内容发布(使用DEDE织梦计划任务功能定时更新首页)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9