Wednesday, September 14, 2016

Disable Popup “Please Fill Out this Field” hover text on browsers

This is message “Please fill out this field” is browser default message which comes from browser when we have required fields in the page.

This his how browsers handles the HTML5 "required" attribute. Since those fields have the attribute "required", the browser adds that message on hover.  I have seen this in Mozilla and Chrome versions.

Simple fix for this issue is use formnovalidate in whatever button that triggers the prompt or simply use novalidate in form tag. Either one is sufficient to disable browser default validation

Example:

<form action="post.ashx" method="post" novalidate>
<input type=submit formnovalidate name=save value="Save">
<input type=submit formnovalidate name=cancel value="Cancel">
</form>

Find out more here using AngularJs

No comments:

Post a Comment