限制多行文本域的字数

最新推荐文章于 2024-05-29 11:18:12 发布

原创最新推荐文章于 2024-05-29 11:18:12 发布 · 3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #javascript #class #action #function

博客展示了两段JavaScript代码，用于实现输入字数限制功能。一段代码应用于留言文本框，当输入字数超过50时给出提示；另一段代码用于可输入160字的文本框，实时显示剩余可输入字数，均通过函数控制输入字数。

代码如下：
<form action="" method=post name=form> <script language=javascript> function gbcount(message,total,used,remain) { var max; max=total.value; if(message.value.length > max){ message.value = message.value.substring(0,max); used.value = max; remain.value = 0; alert('留言不能超过50个字!'); } else{ used.value = message.value.length; remain.value = max - used.value; } } </script> <body> <textarea name='GuestContent' cols='60' rows='6' onkeydown=gbcount(this.form.GuestContent,this.form.total,this.form.used,this.form.remain); onkeyup=gbcount(this.form.GuestContent,this.form.total,this.form.used,this.form.remain);></textarea> <br> 最多字数：<INPUT disabled maxLength=4 name=total size=3 value=50> 已用字数：<INPUT disabled maxLength=4 name=used size=3 value=0> 剩余字数：<INPUT disabled maxLength=4 name=remain size=3 value=50> </form>
[Ctrl+A 全选提示:你可先修改部分代码,再点运行代码]

代码如下：
<script language="JavaScript">  </script> <form method="POST" action="../0001/success.asp" name=form > <textarea cols="45" name="memo" rows="8" wrap="on" class="editbox2" onKeyDown="textCounter(this.form.memo,this.form.remLen,160);" onKeyUp="textCounter(this.form.memo,this.form.remLen,160);"></textarea> <br> 共可输入160字，还剩 <input readonly type=text name=remLen size=3 maxlength=3 value="160" class=editbox1> 字。 <br> <input type=submit value=" 发送 " class=bottom name="submit"> <input type=reset value=" 重填 " class=bottom name="reset"> </form>
[Ctrl+A 全选提示:你可先修改部分代码,再点运行代码]