提交表单
AutoForm
不同于普通的表单,提供了submit
方法用于提交表单,
html
<auto-form id="login"></auto-form>
<script>
const { AutoStore, configurable } = AutoStoreSpaces;
const store = new AutoStore({
username: configurable('', {
label: '用户名',
placeholder: '请输入用户名',
onValidate: (value) => {
return value.length > 5;
},
invalidTips: '用户名长度必须大于5',
}),
//....
});
const form = document.querySelector('#login');
form.bind(store);
form.submit((values, errors) => {
if (errors) {
console.log('表单校验失败', errors);
} else {
// values是一个对象,包含表单所有字段的值
// 可以自行处理表单数据
console.log('表单校验成功', values);
}
});
</script>
submit
方法并不像传统的表单提交那样,会刷新页面,而是会触发submit
事件,让开发者自行处理表单数据。