HTML5 validation error message

Question

How to prevent the browser from showing default HTML5 validation error message bubble?

document.addEventListener('invalid', (function() {
  return function(e) {
    //prevent the browser from showing default error bubble / hint
    e.preventDefault();
    // optionally fire off some custom validation handler
    // myValidation();
  };
})(), true);

Do you want to hide the native html bubble or do you want to disiable html form validation? — Guillaume Georges, Jul 02 '18 at 08:33
Possible duplicate of [Disable validation of HTML5 form elements](https://stackoverflow.com/questions/3090369/disable-validation-of-html5-form-elements) — Richard Parnaby-King, Jul 02 '18 at 08:59

score 0 · Answer 1 · answered Jul 02 '18 at 08:55

0

If you want to disable client side validation for a form in HTML5 add a novalidate attribute to the form element. like this :

<form method="post" action="/mycation" novalidate>...</form>

answered Jul 02 '18 at 08:55

Kishan Oza

1,665
1
13
38

HTML5 validation error message

1 Answers1