how to make multiple input validation using HTML5?

Question

HTML5 provides alternate of JavaScript validation using Regular Expression. But I want to add multiple validation on single input field and according to that it should show the message.

For example.

<input type=passowrd name=passowrd/>

Here password field should contains following validation with message. enter image description here

Yeah, that's too complex for HTML alone. You need JavaScript to go along with it. — JJJ
– JJJ, Commented Jan 1, 2013 at 21:15

Madara's Ghost · Accepted Answer · 2013-01-01 21:24:32Z

1

I'm afraid it cannot be done with HTML alone (no, not even HTML5).

You'll have to use JavaScript to achieve the task.

answered Jan 1, 2013 at 21:24

Madara's Ghost

176k52 gold badges274 silver badges314 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alexander Christiansson · Accepted Answer · 2013-01-01 21:25:19Z

1

Constraint validation is only designed for one error message per input field. A way to get around this is to concatenate the validation messages.

password.setCustomValidity(password.validationMessage + ' At least one capital letter');

The downside is that you can't append html, so all messages will be placed inline.

answered Jan 1, 2013 at 21:25

Alexander Christiansson

5553 silver badges7 bronze badges

Collectives™ on Stack Overflow

how to make multiple input validation using HTML5?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related