Add custom messages for client-side validation

[erral]

The form delegates form validation of required fields and e-mail type fields to the browser, and the browser displays those messages in the browser-language. For instance, a browser configured in spanish in an english form will receive client-side validation messages in spanish. See::

Those client-side validation messages can be overridden using JavaScript, see this MDN page: https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation#implementing_a_customized_error_message

I don't know whether using such validation is feasible using those react widgets or some other thing can be done to translate those messages.

[Anosh21]

@erral Hey Is anyone working on this issue?

[erral]

Nope. How do you plan to implement this?

[Anosh21]

I have gone through the reference you have mentioned above and the solution is : setting the novalidate attribute on the form is what stops the form from showing its own error message bubbles, and allows us to instead display the custom error messages in the DOM in some manner of our own choosing.

[erral]

go ahead with a PR if you want, I will be happy to review it

[erral]

go ahead with a PR if you want, I will be happy to review it