&&&&&&&&&&&
实现textarea限制输入字数（包含中文只能输入10个，全ASCII码能够输入20个）
textarea称文本域，又称文本区，即有滚动条的多行文本输入控件，在网页的提交表单中经常用到。与单行文本框text控件不同，它不能通过maxlength属性来限制字数，为此必须寻求其他方法来加以限制以达到预设的需求。
通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制，简单而实用。假设我们有一个id为 txta1 的textarea文本区，我们可以通过以下代码限制它的键盘输入字数为10个字（汉字或其他小角字符）：
＜script language="#" type="text/ecmascript"＞
window.onload = function()
document.getElementById('txta1').onkeydown = function()
&&& if(this.value.length &= 10)
&&&&& event.returnValue =
＜/script＞
它的原理是通过对keydown（键盘键位按下）事件对指定id号的文本区进行监测，可以想象，它只能限制键盘输入，如果用户通过鼠标右键粘贴剪切板中的文本，它无法控制字数。
通过键盘输入，以上文本区只能输入10个字。但是，我们的目的并没有达到！请随便复制一些文本，试着用鼠标右键粘贴，看看发生了什么。
你可以在网上找到类似上述的其他JS脚本，它们不管多么优秀，其原理都是一样的，通过对keydown、keyup或keypress之类的键盘键位操作事件来监控文本区的输入，无法防止鼠标右键的粘贴，为此，如果一定要真正地限制textarea的字数，我们还得为网页加另一把锁——禁用鼠标右键，这无疑得付出额外的开销，同时也可能是网页制作者不一定愿意做的。其实，还有一个更简单的方法，使用onpropertychange属性。
onpropertychange可以用来判断预定元素的value值，当元素的value值发生变化时判断事件就会被触发，仅关心被监测元素的value值，避开了输入的来源，从而可以比较理想地达成我们的限制字数这一目的。它属于JS范畴，可以在表单方框区代表中嵌套使用，以下是代码和效果样式，可以像上面那样测试输入，你会发现它真正达到目的：不管用什么方式输入，它只能输入100个字（汉字或其他小解符号）：
&textarea onpropertychange="if(value.length&100) value=value.substr(0,100)" class="smallArea" cols="60" name="txta" rows="8"&&/textarea&
当然，为了更为保险，处理表单数据的后台脚本程序还应该对提交来的数据进行再一次的检测，如果字数超出预设的数量则进行相应处理，这样才达到真正限制字数的目的。（完）
另外一种方法实现textarea限制输入字数（包含中文只能输入10个，全ASCII码能够输入20个）
function check() {
var regC = /[^ -~]+/g;
var regE = /\D+/g;
var str = t1.
if (regC.test(str)){
&&& t1.value = t1.value.substr(0,10);
if(regE.test(str)){
&&& t1.value = t1.value.substr(0,20);
&textarea maxlength="10" id="t1" onkeyup="check();"&
&/textarea&
还有一种方式：
function textCounter(field, maxlimit) {
if (field.value.length & maxlimit){
field.value = field.value.substring(0, maxlimit);
document.upbook.remLen.value = maxlimit - field.value.
&textarea name=words cols=19 rows=5 class=input1 onPropertyChange= "textCounter(upbook.words, 50) "& textarea&
剩余字数: &input name=remLen type=text id= "remLen " style= "background-color: #D4D0C8; border: 0; color: red " value=50 size=3 maxlength=3 readonly&
function LimitTextArea(field){
&&& maxlimit=200;
&&& if (field.value.length & maxlimit)
&&&& field.value = field.value.substring(0, maxlimit);
&textarea cols=50 rows=10 name="comment" id="commentarea" onKeyDown="LimitTextArea(this)" onKeyUp="LimitTextArea(this)" onkeypress="LimitTextArea(this)" &&/textarea&
title="The textarea width must less than 300 characters." 放在textarea 里面提示输入最大字节数。
例如：&textarea title="The textarea width must less than 300 characters." cols=50 rows=10 name="comment" id="commentarea" onKeyDown="LimitTextArea(this)" onKeyUp="LimitTextArea(this)" onkeypress="LimitTextArea(this)" &&/textarea&
从网上摘抄来的，希望对大家有帮助哦~~
阅读(...) 评论()6789人阅读
前端开发（19）
&&&&&&& 一般在前台页面会对文本框的字数要做限制，一种方法是提示超出多少个字，不让保存对文本；还有一种是自动截取，但是自动截取对于键盘操作是没有问题的，对于鼠标的复制粘帖会有一些问题。下面看下代码：
&script type=&text/javascript& src=&jquery-1.4.3.min.js&&&/script&
&script type=&text/javascript& src=&common.js&&&/script&&body&
&!-- 有用代码开始
&!--//输入框输入长度限制改进2，此方法绑定在input,textarea的onfocus事件上，参数分别人：this, maxlength,显示剩余字数的span的id.--&
&textarea id=&textarea_catch_ask& onfocus=&fed_inputMaxLength(this,200,'catchask_con_counter_num')& style=&width:300height:300px& &&/textarea&
&div class=&textarea_con_counter&&还能输入&strong id=&catchask_con_counter_num&&200&/strong&字&/div&
&!--有用代码结束--&
common.js的代码：
//输入框输入长度限制改进2，此方法绑定在input,textarea的onfocus事件上，参数分别人：this, maxlength,显示剩余字数的span的id.
function fed_inputMaxLength(target,maxlength,counterId){
if($(target).attr('fed_max_length')==null){
$(target).attr('fed_max_length',maxlength);
var counter = $('#'+counterId);
if ($.browser.msie) { //IE浏览器
$(target).unbind(&propertychange&).bind(&propertychange&, function(e) {
e.preventDefault();
textareaMaxProc1(target, maxlength);
counter.html(maxlength-$(target).val().length);
target.attachEvent(&onpropertychange&, function(e) {
//e.preventDefault();
textareaMaxProc1(target, maxlength);
counter.html(maxlength-$(target).val().length);
}else { //ff浏览器
target.addEventListener(&input&,function(e) {
e.preventDefault();
textareaMaxProc1(target, maxlength);
counter.html(maxlength-$(target).val().length);
$('target').unbind(&keypress&).bind(&keypress&, function(event) {
if(typeof event.charCode ==&number& ){ //charCode只在keypress事件后才包含值，此时keyCode可能有值也可能没有，Ie没有charCode属性。
code = event.charC
code = event.keyC
if(code & 9 && !event.ctrlKey && $(target).val().length&=maxlength){
event.preventDefault();
}else if(event.ctrlKey && $(target).val().length&=maxlength && code==118){
event.preventDefault();
function textareaMaxProc1(textArea, total){
if($(textArea).val().length & max){
$(textArea).val($(textArea).val().substring(0,max));
源码下载：
&&相关文章推荐
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：633854次
积分：4797
积分：4797
排名：第5451名
原创：83篇
转载：36篇
评论：60条
(2)(1)(3)(1)(2)(1)(1)(1)(4)(5)(1)(1)(3)(1)(1)(1)(1)(2)(1)(1)(3)(1)(5)(3)(3)(6)(8)(8)(3)(10)(34)(1)(2)JS计算文本框输入的字数,并限制内容为规定的字数
还是因为网站需要用到这个东西,所以百度了下，经过我简单的修改，，自己（王俊伟）测试是可行的我才会写在博客上的,废话不多说了，上代码：
随着输入的字数的增多，剩余的字数会动态相应的减少，当输入的字数超过限制的时候,会弹出相应的alert提示。
提示你，你输入的字数已经超过了限制了，同时呢 文本框输入的多余的内容会被js截取掉，只剩下规定的字数了。
代码如下：
主要用的事件是：
onkeyup:事件会在键盘按键被松开时发生
还有一个对应的事件是：
onkeydown：当按下一个键盘按键时触发事件
这是应用到asp.net的 TextBox控件 多行文本域的情况：
&form id="form1"
runat="server"&
&asp:TextBox ID="TextBox1" runat="server"
Height="121px" TextMode="MultiLine"
&&&&&&&&&&&
Width="317px"
onkeyup="checkLength(this);"&&/asp:TextBox&
限制字数为：10 剩余字数：&span id="sy"
style="color:R"&10&/span&
&script type="text/javascript"&
function checkLength(which) {
&&& var maxChars
(which.value.length & maxChars)
alert("您出入的字数超多限制!");
// 超过限制的字数了就将 文本框中的内容按规定的字数 截取
which.value = which.value.substring(0,maxChars);
var curr = maxChars - which.value. //250 减去 当前输入的
document.getElementByIdx_x("sy").innerHTML = curr.toString();
JS控制不准粘贴
//禁止粘贴文本框
&&&&&&&&function
fncKeyStop(evt)
&&&&&&&&&&&&if(!window.event)
&&&&&&&&&&&&{
&&&&&&&&&&&&&&&&var
keycode = evt.keyCode;
&&&&&&&&&&&&&&&&var
key = String.fromCharCode(keycode).toLowerCase();
&&&&&&&&&&&&&&&&if(evt.ctrlKey
&&&&&&&&&&&&&&&&{
&&&&&&&&&&&&&&&&&&
evt.preventDefault();
&&&&&&&&&&&&&&&&&&
evt.stopPropagation();
&&&&&&&&&&&&&&&&}
&&&&&&&&&&&&&&&&if(evt.ctrlKey
&&&&&&&&&&&&&&&&{
&&&&&&&&&&&&&&&&&&
evt.preventDefault();
&&&&&&&&&&&&&&&&&&
evt.stopPropagation();
&&&&&&&&&&&&&&&&}
&&&&&&&&&&&&}
控件代码（文本框）：
&asp:TextBox ID="txt_orderNo_confirm" runat="server"
onkeydown="fncKeyStop(event)" onpaste="return false" oncontextmenu
"&&/asp:TextBox&
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。