2012-06-22 35 views
3

我有這樣的HTML代碼,我使用jQuery:如何使textarea的不活動與jQuery

<div><textarea style="height: 150px; width: 250px" name="myName" id="myId" class="text ui-widget-content ui-corner-all" > </textarea></div> 

至於現在,我驗證這個領域後提交按鈕被按下。但是如何在輸入符號時禁用它? f1。最大金額爲50個符號,在51符號上它變爲不活動或以任何方式禁止用戶輸入,因此用戶不能輸入超過50個符號。 如何用jQuery實現它? thnx。

+0

你是什麼符號代表什麼意思? – Adil

回答

2

沒有jQuery的需要,添加maxlength屬性:

<textarea maxlength="50"></textarea> 
+0

簡單+完整=好。 –

+0

XD所有的天才都很簡單...... LOL –

+0

從代碼的角度來看,這是一場勝利。從用戶界面的角度來看,你只是失敗了,因爲你本質上導致你的用戶出現「無聲錯誤」 – bpeterson76

0

使用Limit

$( '#身份識別碼')的限制('50 '#charsLeft')。

1

監控textarea的,每當有鍵按下時,修剪其內容的長度:

$('textarea').on('keyup',function(e) { 
    var clen = 50, 
     $this = $(this); 
    if ($this.val().length > clen) { 
     $this.val($this.val().substr(0,clen)); 
    }; 
}); 

http://jsfiddle.net/mblase75/AYUeE/

由於maxlength屬性只是添加文字區域在HTML5中,你應該使用基於JavaScript的解決方案除此之外還有最大的可靠性。