六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 23|回复: 0

HTML textarea输入框限制长度

[复制链接]

升级  56%

6

主题

6

主题

6

主题

童生

Rank: 1

积分
28
 楼主| 发表于 2013-2-7 17:02:59 | 显示全部楼层 |阅读模式
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>然后页面加载上绑定事件即可:
$(limit_textarea_input)
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表