Form Validation Feedback Widget
Component Detail
User Interface
low complexity
frontend
0
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Inline validation feedback component that displays field-level error messages and a global submission error banner when the form handler returns a failure response. Keeps state local to the form without triggering a full page reload, maintaining user-entered data so the visitor can correct and resubmit.
booking-form-validation-feedback
Sources & reasoning
Separating validation feedback into its own widget keeps the main form component focused on data capture and submission, while ensuring the UX requirement of error display without reload is met cleanly.
No source references — this artifact was included based on reasoning alone (see above).
Responsibilities
- Show field-level validation errors adjacent to each input
- Display a global error banner on server-side submission failure
- Preserve user-entered data across failed submissions
Interfaces
showFieldError(field: string, message: string): void
showGlobalError(message: string): void
clearErrors(): void