Blog

Cross Browser Form Validation

shutterstock_234378844
BLOG / Web Development

Cross Browser Form Validation

Form validation is the method of setting required fields and field types without requiring JavaScript. This includes preventing forms from being submitted when appropriate, the `checkvalidity()` method as well as support for the `:invalid`, `:valid`, and `:required` css pseudo-classes.

Browser Support

This feature is already supported by a few major browsers including Chrome, Firefox, Internet Explorer 11, Microsoft Edge and Opera.

Code Example

You can use Form validation like this:

<input type="email" name="email" required placeholder="Enter a valid email address">

More Information

More information can be found here.