文本框textarea限制输入文字个数的方法

来源：蓝色理想时间：2008-01-28 13:02:00　

文本框 textarea 限制输入文字个数的的javascript代码，我们经常在评论留言页面我们需要在客户端限制访客的留言长度，当然最好我们在服务器端也要加上相应的代码，因为客户端的限制是相对的。本文整理了3种限制输入字符数的方法：

方法一：文本框textarea限制输入文字个数为200个

<h3>设计理念说明（200字以内）</h3> <textarea onkeyup="checkLen(this)"></textarea> <div>您还可以输入 <span id="count">200</span> 个文字</div> <script type="text/javascript"> function checkLen(obj) { var maxChars = 200;//最多字符数 if (obj.value.length > maxChars) obj.value = obj.value.substring(0,maxChars); var curr = maxChars - obj.value.length; document.getElementById("count").innerHTML = curr.toString(); } </script>

方法二：显示已经用字数和剩余字数

方法三：支持双字节

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> 文本框textarea限制输入文字个数的方法 - asp之家</TITLE> </HEAD> <BODY><textarea onkeyup="cls(this,50,'v')" oncontextmenu="cls(this,50,'v')"></textarea><span id="v"></span><script type="text/javascript">function cls(obj,max,v){var reg=/[^\x00-\xff]/gm;var str=obj.value.replace(reg,'aa');//全换成单字节字符计算var v=document.getElementById('v');if(str.length>max){var n=0,strr=[];for(var i=0;i<obj.value.length;i++){//得到50字节以内的字符/[^\x00-\xff]/.test(obj.value.charAt(i))?n+=2:n+=1;if(n>max)break;strr.push(obj.value.charAt(i));}obj.value=strr.join('');v.innerHTML=0;}else{v.innerHTML=max-str.length;}}</script> </BODY></HTML>

标签：textarea,文本框,输入字数,限制

投稿

文本框textarea限制输入文字个数的方法

猜你喜欢

從無到有實現一個xml數據庫登錄驗証

完美的渐变透明效果，支持Firefox

window.location.hash的应用及浏览器的支持测试

初窥交互设计

ASP和MYSQL开发网站的注意事项

虾米网今年三月所用加密解密函数

js验证表单（form）中多选框（checkbox）值

PS中执行N遍选定动作的脚本

SQL Server 2008主要功能在兼容性上的问题

利用GAE&Google Gears做了一个简单的AJAX代理

MySQL高级查询方法之记录查询

开心网上input输入框研究

Dreamweaver 4.0使用技巧集锦

简洁的是最好的吗？

MySQL数据库常见的出错代码及出错信息

asp 自定义分段函数/求第N名成绩

解析SQL Server与ASP互操作的时间处理

通过session在ASP中改善动态分页的性能

比较一下看看自己掌握了多少SQL快捷键

Javascript 利用 DOM 特性的两个小技巧