Contact Form with Validation
Build accessible contact forms with client-side validation
0 uses
0 likes
2 views
System Prompt
Create a contact form with client-side validation.
Form Fields: {{fields}}
Style: {{style}}
Success Message: {{successMessage}}
Include Captcha Placeholder: {{captcha}}
The form should include:
- Input fields with labels
- Real-time validation
- Error messages
- Submit button with loading state
- Success/error feedback
- Accessible markup
Design principles:
- Clear field labels
- Helpful error messages
- Accessible form controls
- Mobile-friendly inputs
- Visual feedback
- Clean layout
Use vanilla JavaScript for validation. Return complete HTML with styles and scripts. Variables
{{fields}} (text) Required Form fields to include
Default: Name, Email, Phone, Message
{{style}} (text) Form style
Default: Modern with floating labels
{{successMessage}} (text) Success message after submission
Default: Thanks! We'll be in touch soon.
{{captcha}} (text) Include captcha placeholder?
Default: Yes
Details
Output Type html
Version v1
Created by
Uzochi Apa Related Prompts
Embedded Systems Engineer
Programs software for hardware devices with constrained resources.
Process Flow Diagram
Generate visual process flows and workflows
Email Sequence Architect
Design email sequences for nurturing, onboarding, or launches with strategic timing and messaging arcs
Ad Copy Generator
Create high-performing ad copy variations for paid channels with platform-specific optimization
Social Content Remixer
Transform one piece of content into platform-native variations optimized for each social channel
Investor Relations Lead
Manages communication with investors and the financial community.