引自:http://aqingsao.iteye.com/blog/398897
textarea在Web开发中经常用到,但是它本身不支持maxlength,可以通过下面的js实现:
- function limit_textarea_input() {
- $("textarea[maxlength]").bind('input propertychange', function() {
- var maxLength = $(this).attr('maxlength');
- if ($(this).val().length > maxLength) {
- $(this).val($(this).val().substring(0, maxLength));
- }
- })
- }
通过侦听input事件(firefox, safari...)和propertychange事件(IE),限制textarea输入框的长度。
这样给需要限制长度的输入框加上maxlength属性就可以了:
- <textarea rows='5' cols='50' maxlength='250' name=''></textarea>
其中, rows 和 cols 可以不必写, 但 maxlength 是必填项
然后页面加载上绑定事件即可:
- $(limit_textarea_input)