当前位置:asp编程网>技术教程>Javascript教程>  正文

javascript限制textarea中的字数代码

2009-12-07 18:09:49   来源:    作者:佚名   浏览量:1854   收藏

javascript限制textarea中的字数,当字数多于一定数量时,输入不进去内容了。
文本框就方便,设置一下maxlength就行了,而textarea就不行了,必须使用js来限制。代码如下:
[code]
<!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" />
<title>javascript控制页面文本域输入字数</title>
</head>

<body>
<script language="JavaScript">
<!--可以输入的最大字符数 -->
maxLength = 99;
function MaxInput(form) {
if (form.message.value.length > maxLength)
form.message.value = form.message.value.substring(0, maxLength);
else form.TLength.value = maxLength - form.message.value.length;
}
</script>
<h3>javascript控制页面文本域输入字数</h3>
<form name=myform>
<font size="2" face="arial, helvetica, sans-serif">仅允许您输入100个字符<br>
<textarea name=message wrap=physical rows=5 cols=30  onKeyDown="MaxInput(this.form)" onKeyUp="MaxInput(this.form)"></textarea>
<br>还剩下
<input name=TLength type=text  value="100" size=3 readonly>
个字符</font>
</form>
</body>
</html>
[/code]



关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网