solid-validated-form

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


- Getting Started
- Example
- Documentation
- Tutorials

!Solid Validated Form Demo GIF

Getting Started

Add solid-validated-form to your package.json.

``sh
npm install --save solid-js solid-validated-form
`

$3

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 (



'': 'Please choose...',
ca: 'Canada',
us: 'United State of America',
zz: 'Other'
}} />

m: 'Male',
f: 'Female'
}} />




)
}

render(() => , document.getElementById('app'))
``

Documentation

Extensive work has been done to document and test this library.

$3

- Overview
- Configuring Validated Forms
- Input Components
- Non-Input Components
- Form State
- Form Methods