Archiv für den Monat: Juni 2014

Firefox und (required=“false“) == (required=“true“)

Weil der Firefox (zumindest ab Version 28) den HTML-5-Mechanismus zur Validierung von Formfeldern benutzt, werden manche Masken aus älteren Anwendungen gestört.

Hat man ein input-Feld mit dem Attribut required=’false‘ (ganz davon abgesehen, wie regelkonform das wohl ist), dann wird dieses gegenteilig interpretiert. Beim Abschicken der umgebenden Form wird das Übertragen unterbunden und die Eingabefelder erhalten einen roten Rahmen und einen Hinweis-Text, dass sie auszufüllen sind.

firefox.redborder

Das ist verwirrend und besonders störend, wenn ein „Bitte warten“-Dialog angezeigt wird, der modal und nicht schließbar ist.

Im günstigsten Fall löscht man einfach das required-Attribut, welches vom Firefox binär interpretiert wird. D. h. das Attribut einfach da, dann bedeutet es required=’true‘.

„This allows forms to easily indicate which fields must have valid data before the form can be submitted. …“, vielen Dank.

Siehe auch: developer.mozilla.org, stackoverflow.com.