Client-Side Form Validation

Must Read

Low Interest Debt Consolidation – Merge Your Troubles

Debt is considered to be a trouble and the solution to this trouble is a consolidating your debts with...

Find the Best Refinance Home Mortgage Loan Rate

Are you looking to find the best refinance home mortgage loan rate? How do you find it? In this...

The importance of small business phone systems

In the modern communications technology is of great importance. Right information at the right time and the right resources,...

Obama Mortgage Refinance – How to Qualify For President Obama’s Home Loan Refinancing Program

President Barack Obama took over US economy when it was going through a major slump. In his 2009 Stimulus...

Police Chase, Hit and Run, and Personal Injury Lawsuits

Ever heard of a hit and run collision? As a personal injury attorney, I have seen many. Ever heard...

Deferred Student Loan Lender – Make Sure You Have All The Details

For college students, securing ways to fund their education is as difficult as getting into a good school. Most...

The HTML5 specification lists several attributes we can use to validate user input on the client side, so we can catch simple input errors before the user sends the requests to the server. We’ve been able to do this for years using JavaScript, but HTML5 forms can use new attributes to specify the behavior.

We can ensure that a user has required a form field by adding the required attribute like this:

<label for=”name”>Name</label>
<input type=”text” name=”name” autofocus required id=”name”>

Browsers can then prevent the form from submitting and display a nice error message, and we don’t have to write a single line of JavaScript validation. Opera does this right now

This lets users fail early, without waiting for a server response to find out whether they made a mistake. This behavior could be disabled or unavailable or just simply not correctly implemented, so you still need to make sure you have a server-side strategy for validating data. It’s definitely something to start thinking about now, though, because you can then easily locate the required fields and style the interface with CSS so that the required fields stand out from the rest.

You can take this one step further with the pattern attribute, which lets you specify a regular expression to ensure that the content meets your criteria.

<label for=”name”>Name</label>
<input type=”text” name=”name” autofocus required id=”name”>

Although no current browser uses this through the user interface, using this markup as the basis for a JavaScript validation library would be easy to implement.


Previous articleIndexed Database API
Next articleOnward!

Latest News

Digital Marketing for Beginners

Digital marketing for starter, Let to basic learning about connecting with your audience in the right place at the...

What are 7 things poor people do that the rich don’t?

1. poor people watch TV in which people read books how many hours you spend in front of the TV and when was the...

Top 18 best small business ideas for beginners starting

A small business can be frightening and requires plenty of careful planning there are many small business ideas which can be beneficial as well...

Summer that makes you happy

We saw were already here I've been thinking about some of the things. I used to do with my husband even though he had...

4 Point to helpful tips specifically for caregivers

What you need to take a vacation. I know it sounds impossible creative and try to make it work for you almost everyone needs...

More Articles Like This