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

html5-validation-message.js

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);

<3

TY