textarea maxlength属性和字符串长度()不一致

时间:2013-06-21 06:32:15

标签: javascript jquery html maxlength

尝试在textarea下面写下可用的剩余字符数。当我添加许多换行​​符时,以下脚本无法按预期工作:

$textarea.keyup(function () {
  $div.text("Remaining characters: " + (parseInt($textarea.attr("maxlength"), 10) - $textarea.val().length));
})

如果有很多换行符,当我无法写任何内容时,脚本会报告更多可用的字符。尝试用\ n替换\ r \ n然后计算字符串长度,但没有用。

出了什么问题? :)

JS FIDDLE Link

编辑:只有Chrome(最新版本 - 27.0.1453.116)无法正常使用

1 个答案:

答案 0 :(得分:0)

你可以使用这个jQuery插件:jQuery MaxLength以这种方式配置它:

$('$textarea').maxlength({
    alwaysShow: true,
    preText: 'Remaining characters: ',
    postText: ' '
});