HTML textarea Input box limit length (citation)

Citation: http://aqingsao.iteye.com/blog/398897

TextArea is often used in web development, but it does not natively support maxlength, which can be implemented with the following JS:

JS Code

1. function limit_textarea_input () {
2. $ (" textarea[maxlength] "). Bind ( ' input PropertyChange ', function () {
3. var maxLength = $ (this). attr ( ' maxlength ');
4.              if ($ (this). Val (). length > MaxLength) {
5.                          $ (this). Val ($ (this). Val (). substring (0, maxLength));
6.               }
7.       })
8. }

By listening to the input event (Firefox, Safari ...) and PropertyChange events (IE), limit the length of the textarea input box.

This allows you to add the MaxLength attribute to the input box that needs to limit the length:

Java code

1. <textarea rows= '5 ' cols= ' maxlength= ' name= '></textarea>

where rows and cols can not be written, but MaxLength is required

Then the page loads bound events:

Java code

1. $ (limit_textarea_input)

HTML textarea Input box limit length (citation)