限制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>

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

js: var txtobj={ divName:"area", //外层容器的class textareaName:"chackTextarea", //textarea的class ...
  • z69183787
  • z69183787
  • 2013年12月11日 21:28
  • 3002

【HTML5入门】HTML/Jquery中限制textarea大小及输入字符长度

限制textarea输入字符长度(转自milantgh文章)         textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到。与单行文本框text...
  • songjunnan
  • songjunnan
  • 2017年06月26日 17:08
  • 1110

【分享】小程序表单字数统计、小程序计算textarea中字数(剩余字数)

我们知道在pc和移动端统计字数、剩余字数,使用jquery就很容易实现。 如果在小程序中进行字数/剩余字数统计如何实现呢,其实也很简单,没有那么难! 直接在textarea中绑定bindinput事件...
  • xiaoyan_2015
  • xiaoyan_2015
  • 2017年07月20日 10:21
  • 824

实现textarea限制输入字数

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

实现textarea限制输入字数

实现textarea限制输入字数   实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个) textarea称文本域,又称文本区,即有滚动条的多行文本输入...
  • baidu_23518947
  • baidu_23518947
  • 2014年11月19日 12:00
  • 190

文本域限定输入500,显示目前可以输入多少字

文字最大长度: 500. 还剩: 500. function checkLength(which) { var maxChars = 500; if (which.value.length > ...
  • qq_21511001
  • qq_21511001
  • 2017年04月13日 09:26
  • 564

实现textarea限制输入字数

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

js限制textarea内容长度

js限制textarea内容长度 全文转载自 http://hi.baidu.com/java_workplace/blog/item/03e2910be2003921e824887f.ht...
  • wy978651775
  • wy978651775
  • 2014年11月19日 09:34
  • 4426

文本输入框,限制输入字数

个人学习笔记,文本输入框,限制输入字数一:文本输入框,限制输入字数,汉字两个字符,其他数字,符号,字母,回车,空格等一个字符 ...
  • Fasure_Smile
  • Fasure_Smile
  • 2016年01月14日 12:04
  • 3748

js限制输入框字数

由于需要用到限制输入框的字数 然后就到网上找了一段代码,可以用,但是发现有问题,不能输入超过限制的字符,这样就不和谐了。 拼音输入法的时候字还没打完就被限制了。 于是我就改良了一下,注释的是原代码,没...
  • sheng_li
  • sheng_li
  • 2017年05月05日 17:51
  • 1067
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:限制textarea的输入字数
举报原因:
原因补充:

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