Setting the maximum size for textbox in javascript

JavaScript
1

Hi! I want to set the maximum size for the user to input the text.
I have:


var box = document.createElement("input");
box.type ="text";
box.size = 7;
box.maxlength = 7;

but it doesn’t work. The user can still input more than 7 characters. Please help.

Thanks.

2 

box.setAttribute('maxlength', 7);
3

Thanks for your answer. But it doesn’t work in IE. Works only in Firefox.

Is there anyway to limit it in IE?

Thanks.

4

Yes, you may have to get more extreme.


box.onkeyup = function () {
    if (this.value.length > 7) {
        this.value = this.value.substring(0,7);
    }
};
5

thanks

6

Hi,

Use:

box.maxLength = 7;

Instead of:

box.maxlength = 7;