how to trigger native validation bubble/tooltips for form validation using javascript ?

Question

I have a form with html5 validation ("required", etc.) attributes attached.

Is there a way to trigger the appearance of the native validation bubbles/tooltips without simulating "click" on submit buttons of the form ?

Some interesting discussion on [whatwg.org](http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2011-September/033319.html) on this - may be helpful. — Sasidhar Vanga, Dec 05 '12 at 09:43
My [jquery.html5validation.js](https://github.com/lgersman/jquery.orangevolt-ampere/blob/master/src/jquery.html5validation.js) jquery plugin lets the current validation message appear automagically via the native title tooltip. Look at the bottom of the source file to see the trick. — lgersman, Jan 04 '13 at 09:30

score 4 · Answer 1 · answered Sep 19 '19 at 13:33

4

As said in a comment, you can use the .reportValidity() method. It is widely supported except for IE, as usual.

answered Sep 19 '19 at 13:33

adlr0

score 1 · Answer 2 · answered Jul 08 '13 at 20:45

1

You just can't trigger the native browser form validation.

answered Jul 08 '13 at 20:45

lracicot

1

There is `.reportValidity()` now, see https://stackoverflow.com/a/21458090/5984620 – Christian Mund Aug 24 '18 at 10:36

2 Answers2