Question

117

setting maxlength using javascript

rated 0 times [ 122] [ 5] / answers: 1 / hits: 47658 / 16 Years ago, wed, march 11, 2009, 12:00:00

I'm trying to set the maxlength on input fields dynamically using JavaScript. Apparently that is a problem in IE, and I found part of the solution.

$(input#title).get(0).setAttribute(max_length, 25);

$(input#title).get(0).setAttribute(

                        onkeypress, 

                        return limitMe(event, this));



function limitMe(evt, txt) {

    if (evt.which && evt.which == 8) return true;

    else return (txt.value.length < txt.getAttribute(max_length);

}

It works in Firefox, but not in IE for some reason. However, it works on input fields set like this:

<input type=text max_length=25 onkeypress=return limitMe(event, this);/>

But since the input fields are created dynamically, I can't do this... Any ideas?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

bobbyw

Add To Favorites

Follow

Total Points: 456

Total Questions: 102

Total Answers: 113

Location: Bahrain

Member since Fri, Sep 16, 2022

2 Years ago

bobbyw questions

1 How do I change the port used by Remix.run's local development server?

Sat, Jan 29, 22, 00:00, 2 Years ago

1 Conflicting peer dependency: [email protected] npm ERR! node_modules/webpack

Wed, May 12, 21, 00:00, 3 Years ago

1 TypeError: circular structure to JSON starting at object with constructor 'ClientRequest' property 'socket' -> object with constructor 'Socket'

Sat, Dec 26, 20, 00:00, 3 Years ago

1 ReferenceError: document is not defined in Next.js while working with React Aria overlays

Fri, Oct 30, 20, 00:00, 4 Years ago

1 Is there a way to programmatically render a component in Angular?

Mon, Jun 15, 20, 00:00, 4 Years ago

View All

answered 16 Years ago dylan · Accepted Answer

If you're using jQuery then why not make full use of its abstractions?

E.g.

Instead of:

$(input#title).get(0).setAttribute(max_length, 25);

$(input#title).get(0).setAttribute(

                        onkeypress, 

                        return limitMe(event, this));

function limitMe(evt, txt) {

    if (evt.which && evt.which == 8) return true;

    else return (txt.value.length < txt.getAttribute(max_length);

}

Do this:

$('input#title').attr('maxLength','25').keypress(limitMe);



function limitMe(e) {

    if (e.keyCode == 8) { return true; }

    return this.value.length < $(this).attr(maxLength);

}

Edit: The reason it's not working in IE is probably because of how you attached the 'onKeyPress' handler, via setAttribute. - This isn't the proper way to register event handlers.