A tiny zero-dependency form utility. ~930bytes gzipped.
<form id='myForm' action='/submit'>
<input name='name' />
<input name='email' type='email' />
<input name='address[street]' />
<input name='address[city]' />
<input name='address[state]' />
<input name='address[zip]' />
</form>import conform from 'conform.js'
const form = document.getElementById('myForm')
const myForm = conform(form, {
email: (node) => {
return /.+\@.+\..+/.test(node.value)
},
'address[*]': (node) => {
return node.value !== ''
}
}, (err, formValues) => {
if (err) {
console.error(err)
} else {
fetch(form.action, {
method: 'POST',
credentials: 'include',
body: JSON.stringify(formValues) // { name: '', email: '', ... } etc
}).then(res => res.json()).then(res => {
// success
})
}
})
/**
* Remove form submit listener
*/
myForm.destroy()MIT License
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent