When presenting forms to your users it’s considered very user friendly to give them immediate feedback on what they type is actually correct.Besides that it could also limit the amount of requests to server as you would be able to catch 99% of the errors before submitting your form the server.In general, client-side validation results in a better user experience and makes resolving validation errors more understandable. However, not all web browsers support HTML5, or they may not support your custom validation scripts.Client-side validation can also be easily bypassed, or the data is changed before reaching the server.These dialogs are expected to respect the settings and preferences of the user in the web browser (and operating system), such as default font-size, colors, and language.In the example below, the attribute is added to the input field.
Also, HTML5 validation helps users inputting data by providing specific controls, such as date pickers and custom on-screen keyboards.
Depending on your web browser, the “Range” input field will be displayed as a slider control to help users provide input more easily.
Similarly, the “Number” input field may be displayed with buttons to increase or decrease the number incrementally.
In addition to providing instructions, validate user input to help users avoid mistakes.
HTML5 defines a range of built-in functionality to validate common types of input, such as email addresses and dates.