iview中Modal弹窗做form表单验证相关问题[通俗易懂]

iview中Modal弹窗做form表单验证相关问题[通俗易懂]iview中Modal弹窗做form表单验证相关问题

大家好,又见面了,我是你们的朋友全栈君。

在modal中初始化状态,点击确定弹窗消失。

有的时候表单验证就不希望立刻消失

iview中Modal弹窗做form表单验证相关问题[通俗易懂]

在iview官网中有自定义页头页脚

iview中Modal弹窗做form表单验证相关问题[通俗易懂]

可以直接自定义使用

iview中Modal弹窗做form表单验证相关问题[通俗易懂]

iview中Modal弹窗做form表单验证相关问题[通俗易懂]

 

 另一种验证写法

serform: {
                    ctCatelogue: [{
                            required: true,
                            message: "请输入名称",
                            trigger: "blur"
                        },
                        {
                            type: 'string',
                            pattern: /^\/./,
                            message: '请填写正确路径',
                            trigger: 'blur'
                        }
                    ],
                },

  

1.如果报错 validate 未定义的话,需要看一下点击事件内容引号是否正确

2.表单验证规则中,trigger属性填写的是在什么情况下触发该验证,例如blur或者change
但是我们会有某些需求,需要让该输入框在提交的时候才验证,并不需要实时验证,此时就会有把trigger删掉的做法。
该做法的结果是,一进入有表单的页面时,表单就会进行一次校验。

 

转载于:https://www.cnblogs.com/xu-nian-qin/p/10824736.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/106835.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • Delphi中QuotedStr()

    Delphi中QuotedStr()1.定义给字符串两边加单引号并返回.声明:functionQuotedStr(constS:string):string;用函数QuotedStr把字符串S转换成为用引号括起来的字符串。单引号”’”将被插入到字符串s的最前和最后。2.范例特别可以应用在delphi的中的SQL语句,避免漏写的情况。lsstr:=…+QuotedStr(‘STR’)+…lsstr:=…+’WHERE‘’‘+‘abc‘+’’’…’QTmpR2.Close;QT

    2022年10月18日
  • UML图绘制—–时序图的画法

    UML图绘制—–时序图的画法UML图绘制—–时序图的画法1.什么是时序图时序图用于描述对象之间的传递消息的时间顺序,即用例中的行为顺序主要用来更直观的表现各个对象交互的时间顺序,将体现的重点放在以时间为参照,各个对象发送、接收消息,处理消息,返回消息的时间流程顺序,也称为时序图。又名序列图、循序图、顺序图,是一种UML交互图2.时序图的作用:确认和丰富一个使用情境的逻辑。3.时序图…

  • pip卸载所有包_anaconda卸载与重装

    pip卸载所有包_anaconda卸载与重装安装和import时包的名称不一致时,比如scikit-learn和sklearn,卸载的时候还是应该用包的全称,也就是与安装时一致用pip安装的就要用pip卸载,而不是conda,反之亦然

    2022年10月19日
  • 安卓编程用什么软件_手机上能安装PLC编程软件吗?为什么?[通俗易懂]

    安卓编程用什么软件_手机上能安装PLC编程软件吗?为什么?[通俗易懂]时常会有初学者来问,手机是否可以安装PLC编程软件?在这里明确的告诉大家,手机不可以安装PLC编程软件。手机不支持安装PLC编程软件,因为PLC编程软件是你所用的品牌厂家开发出来的,如三菱PLC、西门子PLC、欧姆龙PLC等,厂家开发出软件并上线,供我们下载安装,我们才有的用,目前没有任何厂家有开发手机版的PLC编程软件。其实想用手机版的PLC编程软件,就目前来看,非常的不现实,存在一些问题,如安…

  • navicat for mysql 15 永久激活码_通用破解码

    navicat for mysql 15 永久激活码_通用破解码,https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

  • bWAPP 安装_bud在哪里下载

    bWAPP 安装_bud在哪里下载1.前言bwapp是一款非常好的漏洞演示平台,其包含有100多个漏洞。bwapp漏洞平台的安装大致有3种单独下载,部署到apache+mysql+php环境下直接下载虚拟机使用docker进行安装2.单独下载先去下载bwapp环境然后将下载的压缩包解压在bwapp/admin下找到settings.php文件将配置文件的内容修改为自己的内容然后访问bwapp进…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号