Solution 1 :

The keyword is: “standard”. It’s not possible to modify (this includes hiding) the actual tooltip because it’s a browser native implementation, at least, not possible for major browser engines like Blink, Webkit and Gecko, namely Chromium, Safari and Firefox respectively.

References:

HTML Specification for .reportValidity() behaviour: https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#report-validity-steps
An once-possible answer: https://stackoverflow.com/a/5965505

Solution 2 :

<form novalidate> ... </form>

Problem :

How to remove standard validation tooltip after .reportValidity() using css

validation tooltip message

Any ideas?

Comments

Comment posted by Passanger Feat

A did not use form

Comment posted by tauzN

Then do use a form.

Comment posted by Passanger Feat

I need logic of reportValidity() but without showing this error tooltip – need validate without showing this tooltip, but thanks of idea

Comment posted by Passanger Feat

So, I used focus to trigger custom validation styles. Thanks for help)

Bollate

[ANSWERED] javascript – How to remove standard validation tooltip after .reportValidity() using css

By

Solution 1 :

Solution 2 :

Problem :

Comments

Comment posted by Passanger Feat

Comment posted by tauzN

Comment posted by Passanger Feat

Comment posted by Passanger Feat

By

Related Post

[ANSWERED] html – Child div has an offset border

[ANSWERED] html – bootstrap mobile menu not scrolling instead the background is scrolling

[ANSWERED] problem in selecting list item in html/css

You missed

[ANSWERED] javascript – Text box to display updated text and save on button click

[ANSWERED] javascript – Pass html tag to angularjs variable from controller

[ANSWERED] html – bootstrap mobile menu not scrolling instead the background is scrolling

[ANSWERED] html – How to play live stream YouTube videos using CEF4Delphi?

Bollate