Comments on: How to:Set Maxlength of Textarea using jQuery/JavaScript

By: mike

mike — Wed, 01 Feb 2012 19:12:56 +0000

Do you know how to deal if they copy from cliboard data your Jquery code doesn’t handle it.
Thanks

By: GFoley83

GFoley83 — Fri, 27 Jan 2012 02:13:05 +0000

Updated version for jQuery 1.3+ which also includes text boxes and prevents spaces in IE.

jQuery.fn.maxlength = function(){
    $('textarea[maxlength], input[maxlength]').keypress(function(event){
        var key = event.which;
        //all keys including return and space.
        if(key >= 32 || key == 13) {
            var maxLength = $(this).attr('maxlength');
            var length = this.value.length;
            if(length >= maxLength) {
                event.preventDefault();
            }
        }
    });
}

By: Deepak

Deepak — Tue, 30 Nov 2010 06:10:22 +0000

wont work for below text…..

ああsだどいういえｒをるおいうこくおいううぇｒｙをりｙをれｙをりょしよzｘｃｙぞこいいぇろうぇいｒｙをyを得ｒｗいぇおｒｙをえｒｙをえｒｙをえりょああだづいういあしあいやいしゃいｓｙぢあぢぃあｓぢぃあぢゃいぢゃいうぢゃいうぢゃいうぢゃいうぢゃいづやsぢうあyぢあyぢあぢぃあぢゃいうぢゃいうぢゃいづやいうぢゃいうぢゃいうsぢゃ位末dチャイウェ地亜謝意やいうえやいうえりぃえとぃｒｙうぇいｒｙｗりｗｙりうｗいぇりｗｒｙうぃえうｒｙうぃｒｙうぃえる

any suggestion will be appreciated…. thanks in advance…

By: Murali

Murali — Thu, 18 Nov 2010 13:29:39 +0000

Please have a look into this

http://that-matt.com/2010/04/updated-textarea-maxlength-with-jquery-plugin/

By: Max

Max — Mon, 15 Mar 2010 16:53:16 +0000

Hi
Here’s another way to do it.
http://www.problemquestionsolution.com/View/JavaScript/Textarea-maxlength

By: Zachary Burt

Zachary Burt — Thu, 25 Feb 2010 23:13:37 +0000

My version, compatible with jQuery 1.3

	$("textarea[maxlength]").keypress(function(event){
		var key = event.which;

		//all keys including return.
		if(key >= 33 || key == 13) {
			var maxLength = $(this).attr("maxlength");
			var length = this.value.length;
			if(length == maxLength) {
				event.preventDefault();
				$("#error_field").html('Maximum length is 120 characters.');
			}
		}
	});

By: Viral Patel

Viral Patel — Tue, 23 Feb 2010 10:50:41 +0000

@Gurinder: Ofcourse pasting something will not work as already mentioned above. I will soon modify the code and try to fix this.

By: Gurinder

Gurinder — Mon, 22 Feb 2010 00:20:33 +0000

Try pasting a long text , This plugin will fail.

By: BenTheTipsyBear

BenTheTipsyBear — Fri, 12 Feb 2010 22:32:41 +0000

Okay – the spaces and backspaces are easy enough to add:
Replace:
if(key >= 33 || key == 13) {
With:
if(key >= 32 || key == 13 || key == {

Cheers!

By: BenTheTipsyBear

BenTheTipsyBear — Fri, 12 Feb 2010 22:22:36 +0000

This would be much more useful revised to recalculate with spaces and backspaces.
The cut and paste issue should be rolled in as well…
Thanks!