2012-06-22 88 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的解决方案除此之外还有最大的可靠性。