// JQuery adds maxlength for textarea
// Textarea does not support the maxlength attribute by default.
// Use the JQuery keyup event:
The JQuery code is as follows::
Copy codeThe Code is as follows:
<Script type = "text/javascript">
$ (Function (){
// Textarea can also be used for IE
$ ("Textarea [maxlength]"). keyup (function (){
Var area = $ (this );
Var max = parseInt (area. attr ("maxlength"), 10); // obtain the value of maxlength
If (max> 0 ){
If (area. val (). length> max) {// The text length of textarea is greater than maxlength
Area. val (area. val (). substr (0, max); // truncate the text of textarea and assign a value again.
}
}
});
// Handling the copied characters
$ ("Textarea [maxlength]"). blur (function (){
Var area = $ (this );
Var max = parseInt (area. attr ("maxlength"), 10); // obtain the value of maxlength
If (max> 0 ){
If (area. val (). length> max) {// The text length of textarea is greater than maxlength
Area. val (area. val (). substr (0, max); // truncate the text of textarea and assign a value again.
}
}
});
});
</Script>
Html:
Copy codeThe Code is as follows:
<Textarea style = "width: 300px; height: 60px;" maxlength = "10"> </textarea>