字数控制

txtBox 数据库中盖子段是varchar类型，2000；在页面怎么控制输入的字数，并显示还可以输入多少
vaichar（2000）可以输入数字 字母 汉字 等混合性信息，能输入多少？

解决方案 »

  1.   


    <html>
    <head>
    <title>Simple HTML Document With Fill Box</title>
    </head>
    <body>
    <h1>FillBox Demo</h1>
    <!--<p>
    <applet code="FillBox.class" width="100" height="100">
    <param name="color" value="blue">
    </applet>
    </p>-->
    <input id="tp" type="text" onkeypress="return testNum();"/><br>
    <div id="msg">
    您还可以输入<label id="num">2000</label>个字符
    </div>
    </body>
    <script>
    function testNum(){
    var flag = true;
    var numL = document.getElementById("num");
    var val = event.srcElement.value;
    if(val && val.length>1999){
    flag = false;
    }
    numL.innerText = 2000-(val.length*1+1)*1;
    return flag;
    }
    </script>
    </html>
      

  2.   

    这是个主要是输入中文的 其他的还有符号，数字 现在是输入一多就报错页面
    所以想弄个字数提示的  比如只能输入2000  那么输入多少了 提示还能输入多少
    最好是javascript 的提示！
      

  3.   


    <html>
    <head>
    <title>Simple HTML Document With Fill Box</title>
    </head>
    <body>
    <h1>FillBox Demo</h1>
    <!--<p>
    <applet code="FillBox.class" width="100" height="100">
    <param name="color" value="blue">
    </applet>
    </p>-->
    <input id="tp" type="text" onpropertychange="testNum(this);" /><br>
    <div id="msg">
    您还可以输入<label id="num">2000</label>个字符
    </div>
    </body>
    <script>
    var oldValue;
    function len(s){
    var l = s.length;
    for(var i=0;i<s.length;i++){
    var c = s.charAt(i);
    if(/^[\u4e00-\u9fa5]$/.test(c)){
    l=l+1
    }
    }
    return l;
    }
    function testNum(obj){
    var val = obj.value;
    if(len(val)>10){
    obj.value = oldValue;
    }else{
    oldValue = obj.value;
    }
    document.getElementById("num").innerText = 2000-len(obj.value)*1;
    }
    </script>加了中文 可能还会有错