CODEWITHSUNDEEP
validationformshtmlwebkit
Humphrey Bogart
Humphrey Bogart

Reputation: 7613

How to change WebKit's error message for required HTML form fields

Gecko allows you to set the error message for required HTML form fields with x-moz-errormessage.

What's the equivalent for WebKit?

Upvotes: 8

Views: 6957

Answers (2)

Jon Raasch
Jon Raasch

Reputation: 3983

While the setCustomValidity() example linked above works, it doesn't take into account the native HTML5 validation test, and instead supplies its own custom test. If you'd instead like to use the type match / pattern match from HTML5, then use setCustomValidity() with an oninvalid event:

<input type="text" pattern="[a-zA-Z]+"
oninvalid="setCustomValidity('Custom Message')" />

However bear in mind that this will not be localized to the user's browser language, and will also display regardless of what is invalid (e.g. it will also display if it fails the required check)

Upvotes: 10

Nick
Nick

Reputation: 6965

I'm almost certain there isn't, and it doesn't look like it's going to happen: http://www.w3.org/Bugs/Public/show_bug.cgi?id=10923.

You might want to check out setCustomValidity(). It seems to work fine in Chrome for me: http://olav.dk/wf2/demo/validation.asp.

Source: http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#dom-cva-setcustomvalidity

Upvotes: 1

Related Questions