In this article we intend to present only a number of simple examples to get you started, covering the basic form elements.
Before you ask, and someone always does, these examples will currently work in the following browsers: Safari 5, Chrome 6, Opera 9, Firefox 4 Beta and the i Phone/i Pad.
Usually you'll just want to check if Keep Learning // Advanced DOMs → Go!
The option of using pure HTML, sometimes with a touch of CSS, to complement Java Script form validation was until recently unthinkable.
Here is how it appears in Safari (with our CSS formatting to show the (in)valid state): In a similar fashion to the Again, the input box appears as normal: This time the minimum requirement for most browsers is one or more letters followed by a colon. :[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f] | \[\x01-\x09\x0b\x0c\x0e-\x7f]) ) \])\z Or you can look here for more solutions.
In this tutorial we use both kind of validation technique to validate the form.
We use Java Script for Client-Side Validation and PHP for Server-Side Validation. You can do more validation on Client-Side as per your need to make your code more secure.
A Java Script check is useful because it stops the form from being submitted if there is a problem, saving lots of time for your readers.
The CGI script is still more reliable, as it always works regardless of whether Java Script is enabled on the client-side or not; but having this extra safety barrier is a nice thing to have in place.