一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

Javascript限制textarea文本框的文字长度代码

时间:2014-08-19 编辑:简简单单 来源:一聚教程网

现在发微博,那个文本框一般只能输入200字好像,再多就会自动删除,要么是提示字数受限,用Js就可实现本功能。今天带来的这个Js限制表单文本框文字数量的例子,相信有此方面需要的是个不错的参考。为了便于使用,这里把代码拆分为HTML表单部分和JavaScript代码部分:
HTML表单部分,代码如下:

 代码如下 复制代码


<textarea name="message" wrap="physical" cols="28" rows="4" onKeyDown="textCounter(this.form.message,this.form.remLen,125);" onKeyUp="textCounter(this.form.message,this.form.remLen,125);">


您还可以输入个字符

JavaScript代码部分:

 代码如下 复制代码

注:两段代码可复制到同一页面中。

再看一个例子




 代码如下 复制代码

javascript">




请输入内容

最多字数:

已用字数:

剩余字数:


其实这样的原理很简单我们只是在input中加上了一个onKeyUp事件了,当用户按下空格时就自动判断字符是不是超过了指定长度然后进行判断了哦。

热门栏目