Question

一个文本输入框内怎样实时检测输入的字数？？

用什么办法啊

Answer 1

用js 就可以实现 你新建一个html 文件，然后把这个复制进body里面试试有没有效果

<p>JS统计还可以输入多少字数，用于向输入者提示信息</p>
<script type="text/javascript" language="javascript">// <![CDATA[
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>

* {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>
<script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script>
<form action="SaveData.asp" method="post">
<fieldset>
<legend>请输入内容</legend>
<textarea 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);" name="Memo" rows="10" cols="75"></textarea>
<p>最多字数： <input class="inputtext" type="text" name="total" value="10" disabled="disabled" size="3" maxlength="4" /> 已用字数： <input class="inputtext" type="text" name="used" value="0" disabled="disabled" size="3" maxlength="4" /> 剩余字数： <input class="inputtext" type="text" name="remain" value="10" disabled="disabled" size="3" maxlength="4" /></p>
</fieldset>
</form>

追问

这样有点看不懂啊 能告诉我用的什么办法实时检测的吗

追答

js判断字符串长度，通过js获取输入的字符串长度，然后判断这个长度是多少，然后输出