vue提交多个表单,如何进行表单验证?
当需要提交多个表单验证时,需分步验证,以两个表单为例,js逻辑如下:export default {data() {return {baseform: {},advanceform: {}}}}
·
当需要提交多个表单验证时,需分步验证,以两个表单为例,js逻辑如下:
export default {
data() {
return {
baseform: {},
advanceform: {}
}
},
methods: {
// 表单验证最后提交事件
finished() {
const p1 = new Promise((resolve, reject) => {
this.$refs['baseform'].validate( valid => {
if(valid) {
resolve()
}
})
})
const p2 = new Promise((resolve, reject) => {
this.$refs['advanceform'].validate( valid => {
if(valid) {
resolve()
}
})
})
Promise.all([p1, p2]).then( () => {
// 表单验证通过,写业务代码
})
}
}
}
表单中对单独个别属性进行校验,请查看这里
普通表单验证,如登录功能,请查看这里
更多推荐
已为社区贡献16条内容
所有评论(0)