Home/ Questions/Q 7983653
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T11:01:27+00:00

I am trying to use max-length in a textarea with jQuery Mobile, and I

  • 0

I am trying to use max-length in a textarea with jQuery Mobile, and I have run into a strange problem – the problem is that with or without the return false used in javascript, the textarea stops me from entering text anywhere from 15 to 60 characters too early..

The maxLength property is set to 1150, and I am able to type between 1090 and 1115 characters. I don’t know if it is a function of using copy and paste, as this is the only way I have tested it, but it seems weird.

Here is the code:

$(document).delegate('#main','pageinit',function() {
    $('#title,#description').keypress,function(e){

        var cur=$(this).val().length,
        max=$(this).prop('maxLength'), rem=max-cur,
        ch=$(this).parents('.ui-bar').find('.char-rem'),
        red=$(this).parents('.ui-bar').find('.char-rem.red'),           
        green=$(this).parents('.ui-bar').find('.char-rem.green');

        ch.children('span').html(rem);

        if(rem <= 10)
        {
            green.removeClass('green')
            ch.addClass('red');
        } else {    
            red.removeClass('red')
            ch.addClass('green')
        }
        if(rem == 0)
        {
            if(e.which!= 8)
            {
                return false;
            }
        }

    })
})

What happens every time, is that I get down to some low amount of characters remaining – but more than zero – and I can’t type anymore.
The same thing happens if I remove the following:

if(rem == 0)
{
    if(e.which!= 8)
    {
        return false;
    }
}

I have tried this with keydown and keyup as well, and inside or outside pageinit, and made various other adjustments, and I have verified the number of characters in the textarea with the textarea textLength property, and each time the result is the same.

Right now, I am using Chromium to test this, and I haven’t tested it elsewhere, but I want to see if there is something I am just missing.

Any clues?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    My previous note about the line breaks wasn’t the answer. The answer was that each time the function got called, it was reading the maxLength property newly.
    For some reason, in reading the maxLength property, the count was getting messed up.

    When I switched the variable for the maxLength value to a number (1150) instead of a making it read the property, it worked perfectly.

    EDIT WITH REAL ANSWER:

    Actually, the real answer was that I had unclosed html tags, so who knows what it was doing. When I fixed the tags, all was well

    • 0