If you need to support older versions of IE prior to IE10 you won't find any of those support form validation either.So, what can you do if you have to support browsers that don't have support for form validation yet?Finally we covered how to disable HTML form validation, and detect whether form validation was available or not in case we have to support browsers that are yet to support this feature.Let me know what you think of all this in the comments.Ian Oxley has been building stuff on the Web professionally since 2004.He lives and works in Newcastle-upon-Tyne, England, and often attends local user groups and meetups. When he's not in front of a computer Ian can be found playing guitar, and taking photos.
No need to write even a single Java Script line for simple form validation.
In tandem with the new input types and attributes provided by HTML5, CSS3 gives us some new pseudo-classes we can use to provide visual clues to the user as to which form fields are required, which are optional, and which contain validation errors.
Required fields can use the Now, in addition to showing the help text when the input field receives focus, we'll also show the help text when the input field's value is invalid.
After making all these changes our HTML now looks like this: https://jsfiddle.net/ianoxley/9C2JD/ The good news is that HTML form validation is supported by all the latest desktop browsers, and most mobile browsers.
The bad news is that it is only partially supported in Safari, and isn't supported at all on i OS Safari, or the default Android browser.
A few months ago Sandeep introduced us to the HTML Constraint API, showing how we can use the new HTML5 input types and attributes to validate our forms in the browser with minimal Java Script.