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 dom事件模型(JavaScript WebAPI、DOM、事件和操作元素实例详解)
- javascript如何实现异步任务(JavaScript 中如何实现并发控制)
- js数字时钟编程(JavaScript实现动态数字时钟)
- js中alert加参数写法(详解JavaScript Alert函数执行顺序问题)
- javascript中error错误类型
- javascript数组实例扩展方法(JavaScript如何监测数组的变化)
- 浏览器怎么显示javascript页面(JavaScript如何通过userAgent判断几个常用浏览器详解)
- 用javascript解析json(JavaScript JSON.stringify的使用总结)
- redux实例教程(详解JavaScript状态容器Redux)
- js的模块模式设计(如何理解JavaScript模块化)
- javascript 虚拟滚动条(JavaScript实现可拖拽的进度条)
- 用css实现图片特效代码(HTML+CSS+JavaScript实现图片3D展览的示例代码)
- vue走马灯特效(Javascript结合Vue实现对任意迷宫图片的自动寻路)
- javascript类型转换讲解(JavaScript数据类型转换详解推荐)
- JavaScript实现网页版贪吃蛇游戏(JavaScript实现网页版贪吃蛇游戏)
- javascript弹出菜单(Javascript实现简易导航栏)
- 魔兽世界 设计师爆料,原始版本并无PVP,跨阵营属于返璞归真(魔兽世界设计师爆料)
- 吐槽完《弧光大作战》之后,我们和设计师聊了聊魔兽首款手游的立项初衷和未来(吐槽完弧光大作战之后)
- 魔兽争霸3自定义战役少年杰雷 2(魔兽争霸3自定义战役少年杰雷)
- 今日菜价 芥兰涨幅最高 1.33 ,花菜降幅最高 3.10(今日菜价芥兰涨幅最高)
- 今日菜价 椰菜涨幅最高 3.25 ,水空心菜降幅最高 2.58(今日菜价椰菜涨幅最高)
- 今日菜价 红三鱼涨幅最高 4.41 ,黄鳝降幅最高 5.06(红三鱼涨幅最高)
热门推荐
- python 后台django(Python Django给admin添加Action的方法实例详解)
- web服务器配置怎么选才是合适的呢(个人web服务器要用哪种服务器比较好?)
- 从客户端检测到有潜在危险的Request.Form值
- python虚拟环境的使用方法(详解python配置虚拟环境)
- .NET中生成带Logo的二维码
- windows mysql 忘记密码(解决MySQL忘记密码问题的方法)
- python如何遍历一个列表(说说如何遍历Python列表的方法示例)
- web服务器和http服务器的区别(浅谈WEB服务器、应用程序服务器、HTTP服务器区别)
- jQuery给动态添加的元素绑定事件
- python闭包的讲解(详解python函数的闭包问题内部函数与外部函数详述)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9