关于限制 textarea 文本域输入行数的实现。

作者: BaiKeyang

时间: 2014-09-09

分类: 技术

关于限制 textarea 文本域输入行数的实现。
相比大家都网速购过物，快递单号也是大家关注自己货物动态的唯一凭证。
在我们查询快递单号的时候，可以进行多个单号的查找。下面我自己模仿快递单号的多个查询一个例子。

[caption id="" align="alignnone" width="268"]

关于限制 textarea 文本域输入行数的实现[/caption]

下面是Html 页面的演示代码：

<!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=utf-8" />
        <title>无标题文档</title>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script>

            
            function checkLength(){
            	var searchText = $("#searchText").val();
            	var searchArray = searchText.split("\n");
            	if(searchArray.length > 10){
            		return false;
            	}
            	
            }

        </script>
        </head>

        <body>
        <div align="center" style="width:250px;">
          <div class="goods_list">
            <div class="" style="text-align: left;padding-left: 30px;padding-top:10px;padding-bottom:10px;">
              <h3>SN查询</h3>
            </div>
            <table cellpadding=0 cellspacing=0>
              <tr>
                <td style="width: 90px;text-align:right;" valign="top"  ><span>输入：</span></td>
                <td class="main_content_right"  valign="top" style="width:150px;"><table>
                    <tr>
                    <td style="height:25px;"><select style="width:100%;" name="searchType">
                        <option value="3">单据SN</option>
                      </select></td>
                  </tr>
                    <tr>
                    <td><textarea rows="10" name="searchText" id="searchText" onkeypress="return checkLength();" ></textarea></td>
                  </tr>
                    <tr>
                    <td ><div class="operate" style="margin: 5px 0px;padding-left:8px;"> <span>
                      <input type="button" value="查询" onclick="search();" class="refer_button" style="margin: 0px;"/>
                      <input class="refer_button" value="重置"  type="reset" style="margin: 0px;"/>
                      </span> </div></td>
                  </tr>
                  </table></td>
              </tr>
            </table>
            </form>
          </div>
        </div>
</body>
</html>

个人比较懒，代码优化什么的对我来说都是浮云，基本懒的折腾。（提示：所以，如果感觉此段代码能帮到你的，在使用前先做写优化。）

关于限制 textarea 文本域输入行数的实现。

添加新评论

标签