资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

使用iview怎么同时验证多个表单

使用iview怎么同时验证多个表单,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

公司专注于为企业提供网站建设、网站制作、微信公众号开发、商城开发,微信小程序,软件按需网站制作等一站式互联网企业服务。凭借多年丰富的经验,我们会仔细了解各客户的需求而做出多方面的分析、设计、整合,为客户设计出具风格及创意性的商业解决方案,创新互联更提供一系列网站制作和网站推广的服务。

iview验证一个表单问题:


//点击确认按钮
确定

addAreaOK(name){
  this.$refs[name].validate((valid)=>{
  if (valid){
    alert('验证成功')
  }
  })
}

还有一种写法:保存按钮不传form表单,在验证时直接this.$refs.addpurchaseForm.validate

保存
this.$refs.addpurchaseForm.validate((valid) => {
      // console.log(valid)
        if (valid) {
          alert('验证成功')
        }
  })

iview验证多个表单问题:在多表单验证时,让页面中的两个form都通过校验才能保存。解决方法就是:先验证第一个,在第一个验证通过得里面,验证第二个。

   this.$refs.addpurchaseForm.validate((valid) => {
        // console.log(valid) //第一层验证第一个表单
          if (valid) {
          this.$refs.gasDataForm.validate((valid) => {
          // console.log(valid)//第二层验证第二个表单
             if(valid){
               alert('验证成功')
             }
            })
         }
       })

补充:iview 表单number验证

使用iview怎么同时验证多个表单

使用iview怎么同时验证多个表单

使用iview怎么同时验证多个表单

将原来的number转为string来处理,并且在验证中判断是否是整数。

看完上述内容,你们掌握使用iview怎么同时验证多个表单的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


名称栏目:使用iview怎么同时验证多个表单
链接URL:http://cdkjz.cn/article/ggdhph.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220