请问一下，textarea框，输入字符串以后，即时显示还能输入多少个字，是怎么实现的？

<script Language="JavaScript">
maxLen = 199; 
function checkMaxInput(form){  
if (form.message.value.length > maxLen){ 
            form.message.value = form.message.value.substring(0, maxLen); 
} else { 
            form.remLen.value = maxLen - form.message.value.length; 
}
}
</SCRIPT>
<form name="myform">
<BODY>
<textarea name=message id="message" wrap=physical cols=28 rows=8 onKeyDown="checkMaxInput(this.form)"></textarea>
<br><font size="2" color="red">帤悢偵梋傝傑偡:</font><input type=text name=remLen size=2 maxlength=3> 
</BODY>
</form>

解决方案 »

  1.   

    <!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> 无标题文档 </title></head><body>
    <textarea cols="60" rows="10" id="text1"></textarea><br>
    剩余字符:<span id="textleft"></span>
    </body>
    </html> 
    <script language="javascript">
    var otext = document.getElementById("text1");
    var otextleft = document.getElementById("textleft");
    var re = /[^\x00-\xff]/g;
    var maxLength = 5000;
    window.onload = function(){
    if(document.all)
    otext.onpropertychange = textleft;
    else
    otext.onkeypress = textleft;
    }
    function textleft()
    {
    var str = otext.value;
    str = str.replace(re,"xx");//中文字符当2个字符处理 如果不用的话主是掉本行
    otextleft.innerHTML = maxLength - str.length;
    }</script>
      

  2.   


    <style>
    span{color:red;}
    </style>
    <textarea id="test" name="test" rows="10" cols="40"  onpropertychange="show(this);"></textarea><br>
    总共可以输入个<span id="count"></span>字符,你已经输入了<span id="useCount"></span>个字符,还可以输入<span id="surplusCount"></span>个字符
    <script>
    var count=100;
    function show(obj){
    var useCount=obj.value.length;
    document.getElementById("useCount").innerHTML=useCount;
    document.getElementById("surplusCount").innerHTML=count-useCount;
    }
    document.getElementById("count").innerHTML=count;
    show(document.getElementById("test"));
    </script>