如何锁定键盘以限制textarea中的字符数?

时间:2011-04-26 18:24:40

标签: javascript jquery html textarea

当textarea达到一定长度时,以下代码非常适合在IE6和IE8中锁定键盘。当然,它不适用于其他浏览器,我无法找到一种方法将其转换为跨浏览器的jQuery函数。是否可以在FireFox和Webkit浏览器中获得相同的行为?

function checkLength(fld, maxLength){
    if(fld.value.length > maxLength-1){
        event.returnValue = false;
    }
}

<p><textarea name="third" id="third" onkeypress="checkLength(this, 10);">hello</textarea></p>

2 个答案:

答案 0 :(得分:4)

我要在这里插入我自己的博客 -

http://blog.jbstrickler.com/2010/11/textarea-size-limit-w-counter/

如果你想要一些非常简单的东西,你可以这样做 -

<textarea onkeypress="return (this.value.length < 50);"></textarea>

其中50是您想要限制的字符数。

编辑:根据Jason的评论,我不想在这里给出错误的印象,即内联脚本编写是可以的......

$('textarea').keypress(function() {
  return $(this).val().length < 50;
});

答案 1 :(得分:2)

以下是使用jQuery和普通Javascript版本完成此操作的人的链接:http://www.ajaxray.com/blog/2007/11/09/interactive-character-limit-for-textarea-using-jquery/

希望有所帮助!