// 表单对象
const formRefArr = [formRef, formRef2]
const validateForms = (formRefs) => {
return formRefs.map(formItem => {
return new Promise((resolveFn, rejectFn) => {
formItem?.value?.validate(valid => {
if (valid) {
resolveFn(valid)
} else {
rejectFn(valid)
}
})
})
})
}
const handleConfirm = async () => {
const res = await Promise.all(validateForms(formRefArr))
if (res.every(item => item)) {
saveForm()
}
}
多表单校验
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 表单校验 Angular的校验器 angular提供了一组预定义的校验器,这些校验器都是定义在angular的fo...
- 摘录iview表单验证 Form 组件基于 sync-validator 实现的数据验证,给 Form 设置属性 ...
- 1. 一定要在Form标签上添加scrollToFirstError属性,触发要使用Button上面的htmlTy...
- 写了一段时间的vue,前端用了element-ui,经常会用到from表单,总结一下form表单的校验,以及遇到过...