[Java教程]如何限制textarea文本框的輸入字數

0 2015-12-24 15:00:10

如何限制textarea文本框的輸入字數:

在實際應用中，往往需要限制文本框的輸入字數的長度，下面就通過一段代碼實例簡單介紹一下如何實現此功能。

代碼實例如下:

如何限制文本框的輸入長度

以上代碼實現了我們的需要，可以將輸入文本的長度限制為10，無論是鍵盤輸入還是復制黏貼都可以實現限制，下面就簡單介紹一下實現過程。

一.實現原理:

當用鍵盤輸入的時候，通過為keyup事件綁定事件處理函數，然后通過此函數判斷當鍵盤按鍵彈起時當前文本框的文本長度是否超出了指定值，如果超出舉截取，否則保持原長度。當使用復制黏貼的時候，通過判斷當文本框失去焦點時文本框的文本長度是否超出指定值，入股超出就自動截取。

二.代碼注釋:

1.$(function(){ }，文檔結構完全加載完畢再去執行函數中的代碼。

2.$("textarea[maxlength]").keyup(function(){}，為具有maxlength屬性的textarea文本框注冊keyup事件處理函數。

3.var area=$(this)，將當前對象轉換成jquery對象。

4.var max=parseInt(area.attr("maxlength"),10)，獲取輸入長度的最大值。可以參閱JavaScript的parseInt()函數一章節。

5.area.val(area.val().substr(0,max))，截取字符串，可以參閱JavaScript的String對象的substr()方法一章節。

下面的代碼大同小異就不介紹了。

總結

以上是生活随笔為你收集整理的java 限制文本框长度_[Java教程]如何限制textarea文本框的输入字数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。