限制textarea的输入字数

原创 2012年03月26日 08:59:37
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>网页特效 限制textarea的输入字数 </title>
<script type="text/javascript">
function checkLength(){
    var curLength = $("www_zzjs_net").value.length;
    //alert("已经输入的字数:" + curLength );
    if (curLength>150){
        alert("超过字数限制,多出的字将被截断!" );
        $("www_zzjs_net").value = $("www_zzjs_net").value.substr(0,150);
        curLength = 150;
    }
 $("count_zzjs").innerHTML = 150-$("www_zzjs_net").value.length;
}
function $(id){
 return document.getElementById(id);
}
window.onload = function(){
 if(/msie/i.test(navigator.userAgent)){
  $("www_zzjs_net").onpropertychange = checkLength;
 } else {
  $("www_zzjs_net").addEventListener("input",checkLength,false);
 }
}
</script>
</head>
<body>


<label>
提示您:还可以输入<span id="count_zzjs">150</span>字<br>
<textarea name="textarea" id="www_zzjs_net" cols="45" rows="5">
</textarea>
</label>
</body>
</html>

相关文章推荐

Extjs 限制 textfield / textarea 输入字数 , 兼容 IE Firefox Chrome

Extjs 中的 textfield 控件,可以通过设置 maxLength 属性来限制输入最大字符长度,但是默认情况下如果输入的长度超过设定的最大长度时,会自动出现小红框提示输入错误(超过最大字符长...

实现textarea限制输入字数

实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个) textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到。与单行文本框...

实现textarea限制输入字数

实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个) textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到。与单行文...

仿新浪微博,提示可输入的字数限制 textarea

js: var txtobj={ divName:"area", //外层容器的class textareaName:"chackTextarea", //textarea的class ...

实现textarea限制输入字数

实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个) textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到。与单行文本框...

javascript textarea字数限制

textarea字数限制 练习代码多有参考网络 by ahuinan var TextUtil = new Object(); ...

textarea限制字数

textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到。与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制...
  • kkrgwbj
  • kkrgwbj
  • 2014年08月27日 16:37
  • 342
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:限制textarea的输入字数
举报原因:
原因补充:

(最多只允许输入30个字)