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

0 2015-12-24 15:00:10

如何限制textarea文本框的輸入字數(shù):

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

代碼實例如下:

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

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

一.實現(xiàn)原理:

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

二.代碼注釋:

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

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

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

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

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

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

總結

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。