javascript textarea字数限制

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

收藏 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字数限制

BootStrap数据表格实例代码

基于vue的短信验证码倒计时demo

详解React Native开源时间日期选择器组件(react-native-datetime)

JS库particles.js创建超炫背景粒子插件(附源码下载)

JS库之Waypoints的用法详解

强大的JavaScript响应式图表Chartist.js的使用

详解wow.js中各种特效对应的类名

JS库之Highlight.js的用法详解

详解动画插件wow.js的使用方法

JS库 Highlightjs 添加代码行号的实现代码

网络赚钱

站长故事