DEV Community

Cover image for Client side validation with the Pattern Attribute
Ankit Beniwal
Ankit Beniwal

Posted on

Client side validation with the Pattern Attribute

Hello Devmates, πŸ‘‹

Today I learned about the client side validation using

The Pattern Attribute

It is used to provide a regular expression (regex) to the input element of HTML. This regex is automatically checked just like a required attribute is checked in HTML.

It works with the input types including text, search, url, tel, email, and password.

Here is a pen demonstrating an email input which only accept secure emails:

Note: Never rely on only client side validation. Server Side validation is important from the security perspective. (I know this is obvious, Don't give me that look 😐)

You may want to connect with me on twitter or checkout my #devdiaries on instagram.

Good night 😴😴 from India


Top comments (0)