Validate SGDS form components with constraint and custom validation APIs.
npx skills add https://github.com/GovTechSG/sgds-web-component --skill sgds-forms
Please help me install this Agent Skill. Skill: sgds-forms Source: https://github.com/GovTechSG/sgds-web-component/tree/main/skills/sgds-forms Command: npx skills add https://github.com/GovTechSG/sgds-web-component --skill sgds-forms
SGDS form components require consistent validation feedback, submission handling, and FormData integration; this skill consolidates guidance and best practices for implementing, testing, and debugging SGDS form behavior.
Wrap SGDS form components in a form element with a name attribute and enable hasFeedback to display validation messages.
High-intent search queries and answers about installing and using this skill.
To validate SGDS form components, wrap sgds-* elements inside a form element with a name attribute and enable hasFeedback to display constraint validation messages automatically.
You can read FormData from an SGDS form by gathering submission data from sgds-input, sgds-textarea, and sgds-select components, and access file uploads separately via the sgds-file-upload component.
Yes, you can set custom validation states on SGDS form fields by using the setInvalid API to control validity states and overriding invalidFeedback messages for individual components.
To disable native constraint validation for an SGDS form, apply noValidate on individual sgds-* components or add the novalidate attribute directly to the parent form element.
The best way to handle SGDS form submission with custom validation is combining the setInvalid API for programmatic validity overrides with noValidate to bypass native checks before gathering FormData.
Yes, SGDS form validation supports custom invalidFeedback overrides for sgds-textarea and other form components while using hasFeedback to maintain consistent validation feedback display.
involvexBuild accessible HTML web forms with validation and PHP or Python backend processing.
PlazaCCEnable tRPC mutations to accept FormData and binary streams via octetInputParser and splitLink.
TwuanMinnAutomates secure file uploads to S3 or Cloudflare R2 via presigned URLs and multipart transfers.
omakeiCreate and validate Nuxt 4 forms with useFormBuilder and native elements.
