专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Java教程 » 字符个数:JS控制TEXTAREA框里字符的个数 »正文

字符个数:JS控制TEXTAREA框里字符的个数

来源: 发布时间:星期三, 2008年9月10日 浏览:175次 评论:0

有时候需要在JS控制TEXTAREA框里字符的个数,下面我们一起看看实现方法。

<!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\" />
<meta name=\"author\" content=\"[email protected],混蛋鱼\" />
<meta name=\"Copyright\" content=\"混蛋鱼VS男人猫 CopyRight 2007\" />
<meta name=\"keywords\" content=\"JS,Blog,ASP,designing,with,web,standards,xhtml,css,graphic,design,layout,usability,accessibility,w3c,w3,w3cn\" />
<meta name=\"descrīption\" content=\"JS限制textarea输入框输入字数\" />
<title>JS限制textarea输入框输入字数</title>
<scrīpt language=\"javascrīpt\">
<!--
function checktext(text)
{
allValid = true;
for (i = 0; i < text.length; i++)
{
if (text.charAt(i) != \" \")
{
allValid = false;
break;
}
}
return allValid;
}

function gbcount(message,total,used,remain)
{
var max;
max = total.value;
if (message.value.length > max) {
message.value = message.value.substring(0,max);
used.value = max;
remain.value = 0;
alert(\"留言不能超过 200 个字!\");
}
else {
used.value = message.value.length;
remain.value = max - used.value;
}
}

-->
</scrīpt>
<style type=\"text/css\">
<!--
* {padding:0; margin:0;}
body, html {text-align:left; font-size:12px; line-height:150%; margin:0 auto; background:#fff; padding-top:20px;}
fieldset {padding:10px; width:550px; margin:0 auto;}
legend {font-size:14px; font-weight:bold;}
.inputtext {border:none; background:#fff;}
-->
</style>
</head>
<body>
<form action=\"SaveData.asp\" method=\"post\" ōnSubmit=\"return datacheck();\">
<fieldset><legend>请输入内容</legend>
<textarea name=\"Memo\" rows=\"10\" wrap=PHYSICAL cols=\"75\" ōnKeyDown=\"gbcount(this.form.Memo,this.form.total,this.form.used,this.form.remain);\" ōnKeyUp=\"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>[Page]
</p>
</fieldset>
</form>
</body>
</html>

相关文章

读者评论

  • 共0条 分0页

发表评论

  • 昵称:
  • 内容: