首頁 > 網際網路

jquery如何控制textarea可輸入的字數

2019-12-12 20:43:48

在jquery中,可以先獲得textarea物件內容,通過length屬性來判斷字數。下面小編舉例講解jquery如何控制textarea可輸入的字數


1

新建一個html檔案,命名為test.html,用於講解jquery如何控制textarea可輸入的字數。


2

在test.html檔案內,在div標籤內,建立一個10行30列的textarea輸入框,並設定其id為textArea。


3

在test.html檔案內,在div標籤內,建立span元素,用於實時字數的顯示。


4

使用jquery給textarea元素系結keyup事件,當輸入文字時,執行function函數。


5

在函數內,通過length屬性獲得textarea輸入文字的長度,使用text()方法在span標籤內實時顯示字數。


6

在函數內,使用if語句判斷,當字數輸入大於100時,提示「不能超過100字」,並且設定span標籤字數顯示100,同時擷取100個字元顯示在textarea中,超過的字元刪除。


7

在瀏覽器開啟test.html檔案,輸入文字,當文字超過100時,提示「不能超過100字」。



IT145.com E-mail:sddin#qq.com