如何控制的最大输入字符数?

Cyril_Tam 2009-08-03 03:13:02

JS如何控制<textarea></textarea>的最大输入字符数?

比如我限定该文本区域最大字符数为10
要做到:
1.键盘输入十个字符后就不能再输入了.
2.复制粘贴的时候也只能粘十个字符
3.mouse选定其它一串字符拖入文本区域的时候也限定十个字符.

...全文

2054 14 打赏收藏转发到动态举报

写回复

用AI写文章

14 条回复

切换为时间正序

请发表友善的回复…

发表回复

g316259084 2010-05-10

打赏
举报

<textarea name="content" cols="60" rows="6" onkeydown="if(this.value.length > 20) this.value=this.value.substr(0,20)">
这种方法让用户看到效果还可以，但是有漏洞，最好的就是在onkeyup和onkeydown里面都绑定上

g316259084 2010-05-10

打赏
举报

策略一：
<textarea name="content" cols="60" rows="6" onKeyUp="if(this.value.length > 20) this.value=this.value.substr(0,20)">
策略二：
<textarea name="A" cols="45" rows="2" onKeyDown="if (this.value.length>=20){event.returnValue=false}">aaaa</textarea>

Cyril_Tam 2009-09-09

打赏
举报

虽然问题没解决,不过还是谢谢各位

maiker 2009-08-21

打赏
举报

appl33205 2009-08-21

打赏
举报

１）textarea标签是成对出现的,以<textarea>开始,以</textarea>结束
属性:
Common -- 一般属性
cols -- 多行输入域的列数
rows -- 多行输入域的行数
alt -- 代表表单的提示文字,当鼠标停留时
accesskey -- 表单的快捷键访问方式
disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用
readonly -- 输入域可以选择,但是无法修改
tabindex -- 输入域,使用"tab"键的遍历顺序

<textarea cols=“ 你要的多少字”> </textarea>

仙茅 2009-08-19

打赏
举报

直接设置不是更方便吗？干嘛非要使用JS来判断啊?

ccc0009 2009-08-18

打赏
举报

http://www.it560.com/design/htmlcss/
有详细介绍,希望对你有帮助

zw393 2009-08-16

打赏
举报

总体思路就是使用js做check和控制。

【如鱼饮水】 2009-08-04

打赏
举报



<html>

 <head>

  <title>测试专用页

  </title>

 </head>

 <body>

  <form method=post name=ceshi action="index.htm">

   <textarea name=textarea1 onpropertychange=checkMaxLen(this,20,0)></textarea>

  </form>

 </body>

<html>

 <script language=javascript>

  var oldValue=new Array();

  function checkMaxLen(obj,maxlength,num){

   if(obj.value.length>maxlength){

    obj.value=oldValue[num];

   }

   else{

    oldValue[num]=obj.value;

   }

  }

 </script>