Forms Validation Basics

In HTML5, form Input fields have three built-in forms of validation;

• The input type
• The required status
• Regex validation patterns

Input type

The input type indicates the type of data expected, and is a good first-line-of-defense. On some browsers- particularly mobile browsers- it will also change the UI/UX of that input to work best for that device.

Required status

Indicates whether the form can be submitted with the field left blank.

Regex validation patterns

Offers a much more complex pattern-matching approach. Regex syntax is very picky and can be difficult to code and debug, but a good regex is hugely helpful in validating your inputs.