限制输入文本长度的js

<script language="javascript" type="text/javascript">

function checkit(obj)
{
if (obj.value.length > 40)
{
alert("太长了!!");
return false;
}
return true;
}</script>
</HEAD><BODY>
<INPUT TYPE="text" NAME="" maxlength="60" size="50" onkeyup="return checkit(this);">
</BODY>
</HTML>

解决方案 »

  1.   

    lantersen(蓝水仁--明天的希望,让我们忘记了今天的痛苦！~) 提供的没有问题
    你新建一个javascript页面
    copy代码进去,按f12测试.
    我测过没问题. 
    <%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <script language="javascript" type="text/javascript">

    function checkit(obj)
    {
    if (obj.value.length > 40)
    {
    alert("太长了!!");
    return false;
    }
    return true;
    }</script>
    </HEAD><BODY>
    <INPUT TYPE="text" NAME="" maxlength="60" size="50" onkeyup="return checkit(this);">
    </BODY>
    </HTML>
      

  2.   

    谢谢楼上的关注,我的确实是有问题,当输入中文时,当超过20个时也没报错;
    解决这一问题,楼主可以在以上为基础,去获取各字体的Unicode编码,
    主要是去判断中英文的个数,可以放入各数组中,再对数组进行统计;
      

  3.   

    <script language="javascript">
    function check()
    {
    var totlength = 0;
    var str = form1.strDesc.value;
    for(var i=0;i<str.length;i++)
    {
    var a = str.charAt(i);
    if(escape(a).length >= 6 )
    {
    totlength = totlength + 2;
    }
    else
    {
    totlength = totlength + 1;
    }
    }
    if(totlength > 80)
    {
    alert("不能多于40个中文或80个英文，请重新录入！");
    form1.strDesc.focus();
    return false;
    }
    }
    </script><body>
    <form name="form1" method="post">
    <table>
    <tr>
    <td><input type="text" name="strDesc" /></td>
    </tr>
    <tr>
    <td><input type="button" onclick="return check()" value="check" /></td>
    </tr>
    </table>
    </form>
    </body>
    </html>
      

  4.   

    按照你的方法如果是复制到input里面就没有效果出来了
    应该是用input的onpropertychange方法
    onpropertychange="return check();"
      

  5.   

    今天刚来没什么准备，就把自己些的一段js放到给大家。关于文本限制字数的问题，在实际开发中经常用到；主要问题出现在对中文的限制，下面代码就解决关于限制字节数的校验问题；只要将此下代码保存到一个js文件中并引入到校验的页面中，便可使用！/*
     value: 值；
     byteLength：数据库字节长度
     title：字段中文名称
     attribute：属性名称
     使用方法说明：添加 （1） onkeyup="limitLength(this.value,100,'名称','name')"
              (2)  id="name" 或【struts标签】styleId="name"
     注意：id名称和 attribute属性名称要一样
         
     例子：<textarea  name="explain" id="explain" onkeyup="limitLength(value,5,'语义说明','explain')" >  或<input type="text"   name="explain"  id="explain" onkeyup="limitLength(value,5,'语义说明','explain')" >*/function limitLength(value, byteLength, title, attribute) {
           var newvalue = value.replace(/[^\x00-\xff]/g, "**");
           var length = newvalue.length;
     
           //当填写的字节数小于设置的字节数
          if (length * 1 <=byteLength * 1){
                return;
          }
          var limitData = newvalue.substr(0, byteLength);
          var count = 0;
          var limitvalue = "";
         for (var i = 0; i < limitData.length; i++) {
                 var flat = limitData.substr(i, 1);
                if (flat == "*") {
                      count++;
                }
         }
         var size = 0;
         var istar = newvalue.substr(byteLength * 1 - 1, 1);//校验点是否为“×”
      
        //if 基点是×; 判断在基点内有×为偶数还是奇数 
         if (count % 2 == 0) {
                  //当为偶数时
                size = count / 2 + (byteLength * 1 - count);
                limitvalue = value.substr(0, size);
        } else {
                //当为奇数时
                size = (count - 1) / 2 + (byteLength * 1 - count);
                limitvalue = value.substr(0, size);
        }
       alert(title + "最大输入" + byteLength + "个字节（相当于"+byteLength /2+"个汉字）！");
       document.getElementById(attribute).value = limitvalue;
       return;
    }
      

  6.   

    楼主， 我也碰到与你一样的问题， 我是用escape()方法解决的，
    与楼上kimminho() 的方法类似， 但kimminho() 的不够精确，
    下面是我的取得字节字符串字节长度的方法：function strlen(str)
    {
    var len=0
    for (var i=0;i<str.length;i++)
    {
        var tmp = str.charAt((i));
    if (escape(str.charAt(i))!=tmp) len+=2; 
    else len++;
    }
    return len;
    }
      

  7.   

    然后你这样调：function checkAbstract()
    {
    var ab = form1.strDesc.value;
    if(strlen(ab)>40)
    {
    alert("长度 不能超过40");
    form1.strDesc.focus();
    }
    }
      

  8.   

    <!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">
    <!-- DW6 -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>shawl.qiu template</title>
    <style type="text/css">
    /* <![CDATA[ *//* ]]> */
    </style>
    <script type="text/javascript">
    //<![CDATA[
    function fCkByte(o){
    if(o!=null){
    var str=o.value+'';
    var num=0, limit=40;
    for (var i=0; i<str.length; i++){
    if(str.charCodeAt(i)>127||str.charCodeAt(i)<0)num+=2;
    else num++;
    }
    if(num>limit){ o.value='';alert('输入超出限制');}
    else alert('输入正确');
    }
    }
    //]]>
    </script>
    </head>
    <body>
    <input type="text" onchange="fCkByte(this)" />
    </body>
    </html>
      

  9.   

    function klength(ptxtBuff) {
    var flag = ("あ".length) == 1;
    /* flag = trueの場合は1文字として(IEまたはNE4.06以上) */
    /*        falseであれば2文字として(NE4.05以下)カウントされる */
    var flagNE = navigator.appName.toUpperCase().indexOf("NETSCAPE") >= 0;
    /* flagNE = true:NE */
    /*          flase:IE */

    var s = ptxtBuff;
    var len = 0;
    var i=0;
    var c="";
    var cc="";

    if (!flag) return s.length;

    if (flagNE) {
    for (i=0; i<s.length; i++) {
    c = s.charAt(i);
    cc=escape(c);
    len++;
    if (cc.length>=4) len++;
    }
    return len;
    }
    else {
    for (i=0; i<s.length; i++) {
    c = s.charAt(i);
    cc=escape(c);
    len++;
    if ((cc.length>3) && !(
    (cc.length==6) && 
    ( ((cc>="%uFF61") && (cc<="%uFF9F")) || ((cc>="%uF8F0") && (cc<="%uF8F3")) )
    )) len++;
    }
    return len;
    }
    }