HTML5: Regular Expression

Tech Tricks

The biggest advantage to field validation is the addition of pattern attribute to most of the form fields where validation applies. The pattern attribute specifies a regular expression that the element’s value is checked against. This attribute responsible for checking or matching the pattern, specified for the input field and considered to be invalid if user enters the wrong pattern. Upon invalid input, it will display an error message as a tooltip or in the statusbar.

So, let’s go through an example of showing how it works.

The above example validate the username for minimum 5 characters and maximum 20 characters and will accept only alpha-bates (both upper and lower case).

Check the below output on invalid input. It will pop-up the error message as “Please match the requested format.”

error_message

But, how can we customize the error message?? ❓ 😐

💡 😎 It’s too simple though :). We can…

View original post 138 more words

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s