javascript textarea字数限制

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

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

深入解析Vue 组件命名那些事

Vue学习笔记进阶篇之vue-cli安装及介绍

jquery版轮播图效果和extend扩展

jQuery Validate格式验证功能实例代码（包括重名验证）

Angular.js中angular-ui-router的简单实践

JavaScript实现二维坐标点排序效果

深入理解vue2.0路由如何配置问题

基于bootstrap实现多个下拉框同时搜索功能

JavaScript 值类型和引用类型的初次研究(推荐)

利用jQuery异步上传文件的插件用法详解

网络赚钱

站长故事