I know that, if I have an input within a <form> element, I can simply add the novalidate attribute to the form to disable the HTML validation tooltips. However, my input is not in a form element (I am using AngularJS and I use the ng-form directive).
I can listen to the invalid event and prevent submit validation, but I cannot prevent validation tooltips.
Here is a simple JSFiddle to show the issue.
Although Dekel's answer does the job, another way how this could be done is by simply adding a 'title' attribute to the input element, and the validation message will be overwritten with the content in title attribute.
You can add some meaningful text in the title attribute,
<input type="email" title="Your Email">
In HTML you have two options for input elements:
<form> container.form attribute to the input, the value should be the id of the form that the input is related to.Using option #2 you can just add an empty form with the novalidate somewhere in your DOM and attach the input to that form:
<form novalidate>
<p>Input in form with novalidate. This one is fine.</p>
<input type="email" required>
</form>
<p>Input without form. How to disable validation tooltips? (hover over input to see validation tooltip)</p>
<input type="email" required form="novalidatedform">
<form id="novalidatedform" novalidate />More information regarding the input element in MDN website.
form attribute in input elements worked perfectly in angularJS framework. As I mentioned in the question, I am using ng-form directive to handle validation in angular way. Adding form attribute to inputs did not break angular validation while it prevents HTML5 validation. Tested in Chrome, Firefox, IE 10+. Thanks a lot.
<form name="myform"> and the inputs inside there, then you will have access to the formController from $scope.myform ej. $scope.$myform.$validYou can also use this script
<script>
document.getElementById( "inputId" ).addEventListener( "invalid",
function( event ) {
event.preventDefault();
});
</script>
requiredattribute if you don't really care about the field validating?