如何用js实现自动统计字符个数

<input onkeyup=document.getElementById('num').value=this.value.length><input name=num>

解决方案 »

  1.   

    <form method="post" name="form1">
    <input type="text" value="" name="in1" onkeypress="this.form.in2.value=this.value.length">
    <input type="text" value="0" name="in2">
    </form>
      

  2.   

    <input onkeyup="document.getElementById('num').value=this.value.length" onpaste="document.getElementById('num').value=this.value.length" ondragenter="document.getElementById('num').value=this.value.length"><input name=num>
      

  3.   

    试试下面的，也许有帮助：）
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script>function caculate_length(check_area) //检测剩余可输入字符数 by space 2006-4-11 13:14
    {
        var ShortCommodityName = document.MyForm.ShortCommodityName.value;
        var Ennum = 0;
    var Chnum = 0;
        newarry = ShortCommodityName.split("");
        for(i = 0; i < newarry.length; i++)
        {
            if(ischinese(newarry[i]))
            {
                Chnum = parseInt(Chnum) + 2;
            }
            else
            {
                Ennum = parseInt(Ennum) + 1;
            }
        }
    var text_length = Chnum + Ennum;
    var text_max_length = 11;
    var target_div = document.getElementById("ShortCommodityName_length");
    var text_remain = text_max_length - text_length;
    if ( text_length > 11 ) {
       var charsum = Chnum/2 + Ennum - 1 ;
       var text_remainstr = document.MyForm.ShortCommodityName.value.substring(charsum,11);
       document.MyForm.ShortCommodityName.value = document.MyForm.ShortCommodityName.value.replace(text_remainstr,'');
    }
    target_div.innerHTML = "<font color=#ff0000>已输入字符："+text_length+"，剩余字符数："+text_remain+"</font>";
    }function ischinese(strword)
    {
        var newPar = /[^\u4E00-\u9FA5]/g
        return !newPar.test(strword);
    }function CheckStrLength()
    {
        var ShortCommodityName = document.MyForm.ShortCommodityName.value;
        var Ennum = 0;
    var Chnum = 0;
        newarry = ShortCommodityName.split("");
        for(i = 0; i < newarry.length; i++)
        {
            if(ischinese(newarry[i]))
            {
                Chnum = parseInt(Chnum) + 2;
            }
            else
            {
                Ennum = parseInt(Ennum) + 1;
            }
        }
        if( Ennum > 10 || Chnum > 10 || (Ennum+Chnum) > 10 )
        {
            alert("你的字符终于超了");
            return false;
        }
        return true;
    }
    </script>
    </head>
    <body bgcolor="#FFFFCC" text="#000000">
    <form name="MyForm" method="post" action="">
    文字：<input type="text" name="ShortCommodityName" onKeyUp="caculate_length('')">
    <br>
    <div id="ShortCommodityName_length"><font color="#ff0000">&nbsp;</font></div>
    <br>
    <input type="button" name="Submit" value="Submit" onClick="CheckStrLength()">
    <br>
    </form>
    </body>
    </html>
      

  4.   

    Chnum是中文字符数，Ennum是英文字符数