Is there a minlength validation attribute in HTML5?

html html5-validation
emilan picture emilan · Apr 23, 2012 · Viewed 632.3k times · Source

It seems the minlength attribute for an <input> field doesn't work.

Is there any other attribute in HTML5 with the help of which I can set the minimal length of a value for fields?

Answer

user123444555621 picture user123444555621 · Apr 24, 2012

You can use the pattern attribute. The required attribute is also needed, otherwise an input field with an empty value will be excluded from constraint validation.

<input pattern=".{3,}"   required title="3 characters minimum">
<input pattern=".{5,10}" required title="5 to 10 characters">

If you want to create the option to use the pattern for "empty, or minimum length", you could do the following:

<input pattern=".{0}|.{5,10}" required title="Either 0 OR (5 to 10 chars)">
<input pattern=".{0}|.{8,}"   required title="Either 0 OR (8 chars minimum)">

Related questions

HTML5 validation when the input type is not "submit"

I'm using HTML5 for validating fields. I'm submitting the form using JavaScript on a button click. But the HTML5 validation doesn't work. It works only when then input type is submit. Can we do anything other than using JavaScript validation …

Read More
How do I style the HTML5 form validation error messages with CSS?

How do I style the HTML5 form validation error messages with CSS?

Read More
How to manually show a HTML5 validation message from a JavaScript function?

I want to know if there is any way to programatically show a HTML5 validation error, using a JavaScript function. This is useful for scenarios where email duplication has to be checked. For example, a person enters an email, presses …

Read More