Contact Form Example

This form demonstrates client and server-side validation with Zod, API route handling, and proper error management.

0/1000 characters

API Details

Endpoint:

POST /api/contact

Features:

  • Server-side validation with Zod
  • Client-side validation on blur
  • Proper error handling and display
  • Loading states during submission
  • Success/error feedback
  • Form reset functionality

Try these scenarios:

  • Submit with empty fields to see validation
  • Enter invalid email format
  • Type a very short message
  • Submit valid data to see success state