Form Security & Validation Guidelines

What problem does it solve?

This skill provides production-tested patterns for secure form handling, addressing critical issues like double submissions, input sanitization, and robust validation. It helps developers build forms that are resilient to abuse, provide excellent user experience, and prevent common security vulnerabilities.

Core Features & Use Cases

• Form Validation Hook: A reusable React hook for comprehensive client-side validation with various rules (required, email, amount, length, custom).
• Secure Number Input: A component that prevents common issues with number inputs like mouse wheel scrolling, negative values, and incorrect decimal places.
• Double-Click Prevention: Patterns for disabling submit buttons during submission to prevent accidental duplicate data creation.
• Use Case: A developer is building a payment form. They activate this skill to get patterns for a secure amount input field, a validation hook for all form fields, and a submit button that prevents double clicks, ensuring a robust and user-friendly payment experience.

Quick Start

Use the form-security-validation skill to implement a form with client-side validation and double-click prevention.