嵌套Promise，forEach循环验证多个表格或表单数据

最新推荐文章于 2024-01-18 10:22:27 发布

糊不住

最新推荐文章于 2024-01-18 10:22:27 发布

阅读量445

点赞数

分类专栏：笔记文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/weixin_52777801/article/details/125443929

版权

笔记专栏收录该内容

6 篇文章

订阅专栏

该博客探讨了在前端开发中进行表单验证的方法，重点展示了如何使用Promise处理多个表格验证，并在验证通过后调用表单提交函数。代码示例中，`validEvent`函数遍历了一个包含多个表格的数组，对每个表格进行异步验证，如果发现未填写项则设置标志为true，最后根据验证结果决定是否允许表单提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 validEvent () {
            const validTabArr = ['partyTable','fruitTable','payTable']
            let arise = null;
            const then = this
            const testList = function(){
                return new Promise(function(resolve,reiect){
                    validTabArr.forEach((el)=>{
                        return new Promise(async function(resolve,reiect){
                            const $table = then.$refs[el]
                            const errMap = await $table.validate(true).catch(errMap => errMap)
                            if (errMap) {
                                arise = true // 出现过未填
                            }
                            resolve(arise);
                        }).then((arise)=>{
                            resolve(arise);
                        })
                    })
                })
            }
            testList().then((res)=>{
                console.log('xxx',res);
                if(res){
                    this.pass = false
                }else{
                    this.pass = true
                    this.submitForm()//验证表格通过后 去验证表单
                }
            })
        },