P3: HTML5 required attribute conflicts with custom form validation #19

New Issue

Closed

opened 2026-05-13 20:40:05 -05:00 by null · 0 comments

null commented

2026-05-13 20:40:05 -05:00

Owner

Severity: P3 — Low

File: src/pages/Contact.jsx ~line 85, src/pages/Support.jsx ~line 85

Problem: Input has required attribute but form uses e.preventDefault(). HTML5 validation triggers before custom logic, showing browser default validation instead of custom error styling.

Impact: Inconsistent UX — browser validation shows before custom form errors.

Fix: Remove required attributes or use noValidate on form element.

## Severity: P3 — Low **File:** src/pages/Contact.jsx ~line 85, src/pages/Support.jsx ~line 85 **Problem:** Input has required attribute but form uses e.preventDefault(). HTML5 validation triggers before custom logic, showing browser default validation instead of custom error styling. **Impact:** Inconsistent UX — browser validation shows before custom form errors. **Fix:** Remove required attributes or use noValidate on form element.