javascript textarea字数限制

时间：2021-01-08 12:20:19|栏目：JavaScript代码|点击：次

这一个是读取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> <style type="text/css">  </style> </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

上一篇：微信小程序中的swiper组件详解

栏目：JavaScript代码

下一篇：微信小程序实现搜索功能并跳转搜索结果页面

本文标题：javascript textarea字数限制

本文地址：http://www.codeinn.net/misctech/42218.html

更多JavaScript代码

JavaScript代码

javascript textarea字数限制

阅读排行

推荐教程