javascript textarea字数限制

所属分类：网络编程 / JavaScript 阅读数： 504

收藏 0赞 0分享

这一个是读取textarea的maxlength属性的值，进行计算，思路很好，但修改起来就麻烦啊，不过对于js爱好者来说是个不错的参考，通过读取属性值进行控制。

下面的这段代码，直接计算文档的长度

下面的这段代码是网络上应用比较广泛的，有剩余字数提示的效果代码，推荐

<!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=gb2312" /> <meta name="robots" content="all" /> <title>JS限制textarea输入框输入字数</title> <SCRIPT language="javascript">  </script>  </head> <body> <form action="SaveData.asp" method="post" onSubmit="return datacheck();"> <fieldset><legend>请输入内容</legend> <textarea name="Memo" rows="10" wrap=PHYSICAL cols="75" onKeyDown="gbcount(this.form.Memo,this.form.total,this.form.used,this.form.remain);" onKeyUp="gbcount(this.form.Memo,this.form.total,this.form.used,this.form.remain);"></textarea> <p>最多字数： <input disabled maxLength="4" name="total" size="3" value="200" class="inputtext"> 已用字数： <input disabled maxLength="4" name="used" size="3" value="0" class="inputtext"> 剩余字数： <input disabled maxLength="4" name="remain" size="3" value="200" class="inputtext"></td> </p> </fieldset> </form> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多的计算字符串长度代码，可以参考这一篇文章。
https://www.jb51.net/article/21343.htm

更多精彩内容其他人还在看

javascript textarea字数限制

纯javascript判断查询日期是否为有效日期

jquery实现的蓝色二级导航条效果代码

ajax如何实现页面局部跳转与结果返回

jQuery实现的类似淘宝网站搜索框样式代码分享

js实现的黑背景灰色二级导航菜单效果代码

jQuery仿360导航页图标拖动排序效果代码分享

javascript中SetInterval与setTimeout的定时器用法

jquery带下拉菜单和焦点图代码分享

jQuery实现的背景动态变化导航菜单效果

jquery+CSS实现的水平布局多级网页菜单效果

网络赚钱

站长故事