How to prevent the browser from showing the default HTML validation error message

Question

How can I prevent the browser from showing the default HTML 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

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,707
1
16
38

How to prevent the browser from showing the default HTML validation error message

1 Answers1