Text fields marked as "required" are not mandatory in IE 7-9 nor Safari browsers

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 6.1.1 CE GA2, 6.1.20 EE GA2
• Fix Version/s: 6.1.30 EE GA3, 6.2.0 CE M4
• Component/s: Frontend Infrastructure
• Labels:
  • QA-R
  • QA-TP
  • ee-ts
• Branch Version/s:
  6.1.x
• Backported to Branch:
  Committed
• Story Points: 2
• Fix Priority: 4
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/8865

Reproduced in 6.1.x rev. 134345
Reproduced in Trunk rev. 134035

Steps to reproduce:
1. Start Portal
2. Create portlet with 2 required fields.
3. Add portlet to page.
4. Both fields of the portlet are required.
5. Only fill in one and click Submit.

Results:
Expected: You should not be allowed to submit and an error should
tell you to fill in both require fields.

Actual: This is true for Firefox and Chrome.
However in IE7-9, you are able to submit if only one (or none) of the fields are filled in.
See attached images for results.

IE 7-9 (and I believe Safari as well) can't recognize the HTML5 "required" attribute, so there should be an AUI workaround for those browsers. Otherwise, we'll have to write javascript validation code every time.