各们我遇到一个问题，我不会写，就是<input>type=text中输入的数字超过20就给一个提示，代码怎么写啊

求大家帮忙，
就是<input>type='text'中的输入的数字超过20就给一个提示，

解决方案 »

  1.   

    <input type='text' onchange="if(!(/^\d{20}$/.test(this.value))){alert('输入的数字超过20')}"/>
      

  2.   


    <!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>JS限制textarea输入框输入字数</title>
    <SCRIPT language="javascript">
    <!--
    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("留言不能超过 20 个字!");
     }
     else {
     used.value = message.value.length;
     remain.value = max - used.value;
     }
    }-->
    </script>
    <style type="text/css">
    <!--
    * {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>
    </head>
    <body>
    <form action="SaveData.asp" method="post" onSubmit="return datacheck();">
    <fieldset><legend>请输入内容</legend>
    <textarea name="Memo" rows="10" wrap=PHYSICAL cols="75" 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);"></textarea>
    <p>最多字数：
    <input disabled maxLength="4" name="total" size="3" value="20" class="inputtext">
    已用字数：
    <input disabled maxLength="4" name="used" size="3" value="0" class="inputtext">
    剩余字数：
    <input disabled maxLength="4" name="remain" size="3" value="20" class="inputtext"></td>
    </p>
    </fieldset>
    </form>
    </body>
    </html>
      

  3.   

    <input type='text' onchange="if(!(/^\d{20}$/.test(this.value))){alert('输入的数字超过20');this.value=''}"/>
      

  4.   

    <script  type="text/javascript">
    function init(a){
    if(a.value.length>10){
    alert("10个了");
    }
    }
    </script>
    <body>
    <input type="text" id="b1" onKeyUp="init(this)"/>
    </body>
    这样试试
      

  5.   

    谢谢各位，为什么我试了上面的都没有效果呢？我就是想用<input>type='text'里面输入的数字大于20就在旁边给一个提示