Form validation is a key security and user experience gateway. In this challenge, you will troubleshoot a broken signup form containing multiple UI and logic bugs. You are tasked with correcting broken email regex rules, validating password matching, preventing double submits, and clearing error statuses on user re-entry.
🛠️ Common Validation Pitfalls
Avoid locking out users with over-restrictive regex formulas. Always clean and trim inputs before validation checks, and ensure screen readers are informed about error containers using semantic markup.
Technical Bugs to Solve
- Submit Hijack: Prevent the form from performing its default full-page reload when fields are invalid.
- Email Format Checking: Fix the broken validation regex to correctly enforce standard RFC email patterns without rejecting valid symbols or subdomains.
- Confirmation Validation: Track password inputs and confirm matching checks dynamically inside the change event listeners.
- Interactive Clears: Clear error warning classes and hidden labels as soon as the user starts typing inside the offending inputs.
