Input Text maxLength Property
Example
Get the maximum number of characters allowed in a specific text field:
var x = document.getElementById("myText").maxLength;
The result of x will be:
30
Try it Yourself »
Definition and Usage
The maxLength property sets or returns the value of the maxlength attribute of a text field.
The maxLength attribute specifies the maximum number of characters allowed in a text field.
Tip: To set or return the width of a text field, in number of characters, use the size property.
Browser Support
| Property | |||||
|---|---|---|---|---|---|
| maxLength | Yes | Yes | Yes | Yes | Yes |
Syntax
Return the maxLength property:
textObject.maxLength
Set the maxLength property:
textObject.maxLength=number
Property Values
| Value | Description |
|---|---|
| number | Specifies the maximum number of characters allowed in the text field |
Technical Details
| Return Value: | A Number, representing the maximum number of characters allowed in the text field |
|---|
More Examples
Example
Set the maximum number of characters allowed in a text field:
document.getElementById("myText").maxLength = "4";
Try it Yourself »
Example
Jump to the next text field when a field's maxlength has been reached:
if (y.length == x.maxLength) {
var next = x.tabIndex;
if (next < document.getElementById("myForm").length) {
document.getElementById("myForm").elements[next].focus();
}
}
Try it Yourself »
var next = x.tabIndex;
if (next < document.getElementById("myForm").length) {
document.getElementById("myForm").elements[next].focus();
}
}
Related Pages
HTML reference: HTML <input> maxlength attribute
Input Text Object
