Easily create forms with client side validation for solid-js
Easily create forms with client side validation for Solid. Inspired by Ember Validated Form.




- Getting Started
- Example
- Documentation
- Tutorials
!Solid Validated Form Demo GIF
Add solid-validated-form to your package.json.
``sh`
npm install --save solid-js solid-validated-form
See CodeSandbox demo.
`tsx
import { render } from 'solid-js/web'
import ValidatedForm from 'solid-validated-form'
function App() {
const F = ValidatedForm({
firstName (value) {
if (value.length < 3 || value.length > 40) return 'must be between 3 and 40 characters'
},
lastName (value) {
if (value.length < 3 || value.length > 40) return 'must be between 3 and 40 characters'
},
aboutMe (value) {
if (value.length > 200) return 'is too long (maximum is 200 characters)'
},
country (value) {
if (value === '') return 'can\'t be blank'
},
gender (value) {
if (value === '') return 'can\'t be blank'
}
})
return (
ca: 'Canada',
us: 'United State of America',
zz: 'Other'
}} />
f: 'Female'
}} />
)
}
render(() =>
``
Extensive work has been done to document and test this library.
- Overview
- Configuring Validated Forms
- Input Components
- Non-Input Components
- Form State
- Form Methods