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

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • CPU重要参数_cpu性能参数指标有哪些

    CPU重要参数_cpu性能参数指标有哪些内容来自http://www.360doc.com/content/18/1124/15/60810319_796935567.shtmlCPU有几个重要的参数:主频、核心、线程、缓存、架构。那么他

    2022年8月2日
    11
  • idea2020 3.3激活码_通用破解码

    idea2020 3.3激活码_通用破解码,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月16日
    236
  • SpringBoot整合Mybatis超详细流程

    SpringBoot整合Mybatis超详细流程SpringBoot整合Mybatis超详细流程文章目录SpringBoot整合Mybatis超详细流程前言详细流程0.引入Mybatis1.创建数据2.创建程序目录3.理解后台访问流程4.核心文件配置5.编写entity6.编写dao7.编写Mapper8.编写Service9.编写Controller10.运行项目参考文章前言MyBatis本是apache的一个开源项目iBatis,2010年这个项目由apachesoftwarefoundation迁移到了googlecode,并且

    2025年7月16日
    3
  • goland最新版激活3月最新在线激活

    goland最新版激活3月最新在线激活,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月14日
    39
  • linux nohup命令输出日志_nohup运行sh文件

    linux nohup命令输出日志_nohup运行sh文件(一)前言因为经常使用Xshell进行服务器代码的运行,但是每次到关机后,或者是关掉Xshell连接窗口,在服务器上的命令,操作也就断掉了。这不得不找到了一个Linux命令:nohup(二)基本用法nohupcommand[arg…][&]拿pythontest.py为例子一般我们运行命令是直接:pythontest.py,但是在xshel…

    2022年8月29日
    3
  • Java Jsoup 解析处理百度谷歌搜索结果的示例代码

    Java Jsoup 解析处理百度谷歌搜索结果的示例代码本文主要介绍Java中,通过Jsoup来解析百度和谷歌中的搜索结果,获取搜索到的链接url和标题title的方法,以及相关的示例代码。原文地址:JavaJsoup解析处理百度谷歌搜索结果的示例代码

    2022年6月15日
    47

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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