The Art of Form Validation
summary
Client-side validation reduces server load by catching bad input early and giving instant feedback while server-side validation still enforces uniqueness and domain rules; examples include HTML5 attributes, JavaScript libraries like v-validate plus V-mask for phone masking, Laravel’s DNS email checks combined with the bail rule to avoid extra work, and returning a machine-friendly error array (even using a playful 418 status code) so frontend code parses issues easily; also note keyboard hints via inputmode and autofocus tradeoffs.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 2:56Validation 101
- 5:45Validators
- 13:24Validation Examples
- 13:51Email Validation
- 16:36Ajax Validation
- 17:42Phone Validation
- 21:03Autofocus
- 22:47Input Types
- 24:41Input Mode
- 25:38Typing Mode
- 26:07Floating Labels
related talks
08mClient-Side and Server-Side Form Validation in Nuxt with Daniel Kelly (Pt 1)
34mDesigning form validation the right way
42mClient-Side and Server-Side Form Validation in Nuxt with Daniel Kelly (Pt 2)
28mBuilding validated forms with great UX in React
25mForm of Art: Validation in Angular Forms
43mData validation models
22mBuilding a next-gen validations framework
34mLaravel Precognition