Set up an empty HTML5 input error message

Question

I am working on validating an HTML5 form. If the user tries to submit the form with the required input field blank, an error message will appear on the screen, as shown in the figure.

But I would like to set the error message to something like "Please provide a valid password" . How can i achieve this? Is javascript just the solution for this?

-Thanks

Answer 1

I cannot believe that a Google search did not give you an answer. There are 5+ topics on this

Easiest answer