Required field custom validation message in Google Chrome in input tag

Asked Oct 09 '16 at 17:22

Active Oct 09 '16 at 17:22

Viewed 2,256 times

<form>
    <input type="text" required     x-moz-errormessage="Fill this out." />
    <input type="submit" value="Submit" />
</form>

this will display "Fill this out." in Firefox when text input box is not filled. But in Google Chrome it shows "Please fill out this field", which is the default error message for required field. What is the alternate syntax for
x-moz-errormessage in Chrome

By the way I want to do it without JavaScript, it should defined in the input tag only as an attribute.

asked Oct 09 '16 at 17:22

Programming learner

You might find this article informative: https://www.html5rocks.com/en/tutorials/forms/constraintvalidation/ – JosiahDaniels Oct 09 '16 at 17:29
But what is the alternate syntax for x-moz-errormessage in Chrome so that I can display the custom error message. – Programming learner Oct 10 '16 at 10:46
There isn't one. You have to use javascript and call setCustomValidity. Read the linked article, it has good examples. – JosiahDaniels Oct 10 '16 at 13:18
You can find the working solution here. [Answer](https://stackoverflow.com/a/22394824/9762498) – Syed Ateeb Raza Feb 11 '21 at 11:31

Required field custom validation message in Google Chrome in input tag

0 Answers0