Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Why is Chrome showing a "Please Fill Out this Field" tooltip on empty fields?

I was contacted by my client saying that users complaint saying that some fields now show a tooltip with a message "Please Fill out This Field". I couldn't believe what I heard... but the client is right - using latest Chrome version some fields show a browser tooltip with this message even side by side with my validators!

What's the problem? What am I missing?

Thanks.

EDIT:

The HTML generated by my user control is as follows:

<input name="tbMontante" type="text" maxlength="8" size="10" tbMontante" class="Montantetextfield"      FieldName="Montante"      Required="True"      AllowDecimalValues="True"  /> 

EDIT:

My doctype is as follows:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

Should my browser use HTML 5 to parse it?

like image 555
TiagoDias Avatar asked Mar 22 '11 14:03

TiagoDias


People also ask

How do I disable please fill out this field?

Error trigger: it's a known feature of Chrome 10, if required is present in input [1]. Solution: use formnovalidate in whatever button that triggers the prompt [2], or simply use novalidate in form tag.

What is please fill out this field?

If you have an html form containing one or more fields with "required" attributes, Chrome (on last versions) will validate these fields before submitting the form and, if they are not filled, some tooltips will be shown to the users to help them getting the form submitted (I.e. "please fill out this field").

How do you show please fill this field in HTML?

The required attribute is a boolean attribute. When present, it specifies that an input field must be filled out before submitting the form. Note: The required attribute works with the following input types: text, search, url, tel, email, password, date pickers, number, checkbox, radio, and file.


2 Answers

Are you using the HTML5 required attribute?

That will cause Chrome 10 to display a balloon prompting the user to fill out the field.

like image 145
Brandon Avatar answered Sep 19 '22 12:09

Brandon


https://www.w3.org/TR/html5/sec-forms.html#element-attrdef-form-novalidate

You can disable the validation in the form.

like image 41
TiagoDias Avatar answered Sep 20 '22 12:09

TiagoDias