iview同时验证多个表单问题总结


Posted in Javascript onSeptember 29, 2018

iview验证一个表单问题:

在上一篇文章中总结了iview表单验证的问题。其实有两种写法:在点击验证时,这样写时,注意在前面的方法中将要验证的form表单加进去。

<Form ref="addAreaForm" :model="addAreaForm" :rules="ruleValidate" :label-width="120"></Form>
//点击确认按钮
<Button type='primary' @click='addAreaOK("addAreaForm")'>确定</Button>

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

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

<Button type="primary" @click="handleSubmit">保存</Button>
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来处理,并且在验证中判断是否是整数。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js将long日期格式转换为标准日期格式实现思路
Apr 07 Javascript
js去空格技巧分别去字符串前后、左右空格
Oct 21 Javascript
Jquery取得iframe下内容的方法
Nov 18 Javascript
js如何调用qq互联api实现第三方登录
Mar 28 Javascript
JavaScript取得WEB安全颜色列表的方法
Jul 14 Javascript
动态加载js文件简单示例
Apr 21 Javascript
基于JS实现数字+字母+中文的混合排序方法
Jun 06 Javascript
javascript编写简易计算器
May 06 Javascript
Bootstrap Table使用整理(四)之工具栏
Jun 09 Javascript
详解angular笔记路由之angular-router
Sep 12 Javascript
node中间层实现文件上传功能
Jun 11 Javascript
JavaScript鼠标悬停事件用法解析
May 15 Javascript
浅谈关于iview表单验证的问题
Sep 29 #Javascript
Vue路由history模式解决404问题的几种方法
Sep 29 #Javascript
对vue v-if v-else-if v-else 的简单使用详解
Sep 29 #Javascript
vue、react等单页面项目部署到服务器的方法及vue和react的区别
Sep 29 #Javascript
浅谈针对Vue相同路由不同参数的刷新问题
Sep 29 #Javascript
vue init webpack 建vue项目报错的解决方法
Sep 29 #Javascript
详解React之key的使用和实践
Sep 29 #Javascript
You might like
据说是雅虎的一份PHP面试题附答案
2009/01/07 PHP
实例讲解php将字符串输出到HTML
2019/01/27 PHP
动态获取复选框checkbox选中个数的jquery代码
2013/06/25 Javascript
javascript数组操作(创建、元素删除、数组的拷贝)
2014/04/07 Javascript
javascript使用正则表达式检测IP地址
2014/12/03 Javascript
jQuery实现简单的tab标签页效果
2016/09/12 Javascript
Bootstrap和Java分页实例第一篇
2016/12/23 Javascript
浅谈react受控组件与非受控组件(小结)
2018/02/09 Javascript
Vue filter介绍及详细使用
2018/04/04 Javascript
js实现图片放大并跟随鼠标移动特效
2019/01/18 Javascript
vue-cli3使用 DllPlugin 实现预编译提升构建速度
2019/04/24 Javascript
Vue实现购物车详情页面的方法
2019/08/20 Javascript
微信小程序可滑动月日历组件使用详解
2019/10/21 Javascript
[05:46]2018完美盛典-《同梦共竞》
2018/12/17 DOTA
C#返回当前系统所有可用驱动器符号的方法
2015/04/18 Python
Django objects.all()、objects.get()与objects.filter()之间的区别介绍
2017/06/12 Python
详解Python中for循环是如何工作的
2017/06/30 Python
Python无损音乐搜索引擎实现代码
2018/02/02 Python
Python基于socket模块实现UDP通信功能示例
2018/04/10 Python
python破解zip加密文件的方法
2018/05/31 Python
python编写简易聊天室实现局域网内聊天功能
2018/07/28 Python
Django使用Channels实现WebSocket的方法
2019/07/28 Python
python实现多进程通信实例分析
2019/09/01 Python
Python如何基于selenium实现自动登录博客园
2019/12/16 Python
python GUI库图形界面开发之PyQt5中QWebEngineView内嵌网页与Python的数据交互传参详细方法实例
2020/02/26 Python
Python获取excel内容及相关操作代码实例
2020/08/10 Python
python中round函数保留两位小数的方法
2020/12/04 Python
深入浅析css3 中display box使用方法
2015/11/25 HTML / CSS
html5 canvas绘制放射性渐变色效果
2018/01/04 HTML / CSS
医学生求职信
2014/07/01 职场文书
创先争优个人承诺书
2014/08/30 职场文书
房屋出售授权委托书
2014/10/12 职场文书
幼儿园教师个人总结
2015/02/05 职场文书
个人工作总结怎么写?
2019/04/09 职场文书
告别网页搜索!教你用python实现一款属于自己的翻译词典软件
2021/06/03 Python
如何Python使用re模块实现okenizer
2022/04/30 Python