JS统计可输入剩余字数，用于向输入者提示信息
2010-07-04 17:43
711 查看
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"
/>
<meta name="robots" content="all" />
<meta name="author" content="" />
<meta name="Copyright" content="" />
<meta name="keywords" content="" />
<meta name="description" content="JS限制textarea输入框输入字数" />
<title>JS统计还可以输入多少字数，用于向输入者提示信息</title>
<SCRIPT language="javascript">
<!--
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 个字!");-->
alert("不能超过"+total.value+"个字!");
}
else {
used.value = message.value.length;
remain.value = max - used.value;
}
}
-->
</script>
<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" >
<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="10"
class="inputtext">
已用字数：
<input disabled maxLength="4" name="used" size="3" value="0"
class="inputtext">
剩余字数：
<input disabled maxLength="4" name="remain" size="3" value="10"
class="inputtext"></td>
</p>
</fieldset>
</form>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"
/>
<meta name="robots" content="all" />
<meta name="author" content="" />
<meta name="Copyright" content="" />
<meta name="keywords" content="" />
<meta name="description" content="JS限制textarea输入框输入字数" />
<title>JS统计还可以输入多少字数，用于向输入者提示信息</title>
<SCRIPT language="javascript">
<!--
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 个字!");-->
alert("不能超过"+total.value+"个字!");
}
else {
used.value = message.value.length;
remain.value = max - used.value;
}
}
-->
</script>
<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" >
<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="10"
class="inputtext">
已用字数：
<input disabled maxLength="4" name="used" size="3" value="0"
class="inputtext">
剩余字数：
<input disabled maxLength="4" name="remain" size="3" value="10"
class="inputtext"></td>
</p>
</fieldset>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JS统计还可以输入多少字数，用于向输入者提示信息
- js监听文本框输入字数，字数超出限定个数则提示信息变红
- JS实现动态提示文本框可输入剩余字数(类似发表微博数字提示)
- js 限制输入的字数及其剩余字数的提示
- js统计文本框剩余可输入字数 中文 英文长度区分
- FCKeditor利用js插入图片以及统计当前输入字数方法
- 用js验证输入信息，不使用alert,而使提示错误的信息直接出现在输入框后？在同一行上
- JavaScript中统计Textarea字数并提示还能输入的字符
- 17.利用UILabel制作输入框的剩余可输入文字提示信息
- JavaScript中统计Textarea字数并提示还能输入的字符
- JS统计还可以输入多少字数
- jquery限制输入字数,并提示剩余字数实现代码
- iOS UITextView 字数限制+提示剩余可输入字数
- js判断文本框剩余可输入字数的方法
- 为一个text 控件添加一个样式，用于提示输入信息
- 编写一函数，由实参传来一个字符串，统计此字符串中字母、数字、空格和其它字符的个数，在主函数中输入字符串以及输出上述结果。 只要结果，别输出什么提示信息。
- jquery限制输入字数,并提示剩余字数实现代码
- js判断文本框剩余可输入字数
- js实现多行文本框统计剩余字数功能
- JS 限制input框的输入字数，并提示可输入字数