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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • LINUX下 Udev详解[通俗易懂]

    如果你使用Linux比较长时间了,那你就知道,在对待设备文件这块,Linux改变了几次策略。在Linux早期,设备文件仅仅是是一些带有适当的属性集的普通文件,它由mknod命令创建,文件存放在/dev目录下。后来,采用了devfs,一个基于内核的动态设备文件系统,他首次出现在2.3.46内核中。Mandrake,Gentoo等Linux分发版本采用了这种方式。devfs创建的设备文件是动态的。但

    2022年4月18日
    42
  • idea快速删除一行_idea查找文件内容快捷键

    idea快速删除一行_idea查找文件内容快捷键使用eclipse,有时候出现多个空行时,习惯使用快捷键:Ctrl+D,删除当前一行。最近使用idea开发,发现手动删除空行,很麻烦,特意查了一下,发现是快捷键:Ctrl+Y。如下图所示:使用Ctrl+Y后删除当前行另外:可以使用设置,讲idea的快捷键设置为eclipse模式…

    2022年9月6日
    2
  • MATLAB GUI图形界面设计一个学生管理系统

    MATLAB GUI图形界面设计一个学生管理系统设计一个简单的学生成绩管理程序,包含如下功能:1、可创建不少于100名学生成员;2、每名成员的记录包括:学号、姓名、专业和5门课程的成绩; 3、能够实现添加、删除、修改学生成员;(增加非法字符警告)4、能够实现添加、删除、修改学生成员的课程成绩;(增加非法字符警告)5、分别计算每一门课程的平均成绩;6、每一门课程单独排序,输出由高到低的课程、姓名、成绩信息。7、提供图形界面实现上述功能,界面包含 系统登录界面 添加、删除、修改界面 被选中学生信息显示界面(基本信息,课程成绩,平均成

    2022年5月25日
    43
  • UML的9种常用图与建模工具详解「建议收藏」

    UML的9种常用图与建模工具详解「建议收藏」UML即UnifiedModelLanguage,是一种建模语言,也是标准建模语言。在软件开发中,当系统规模比较复杂时,需要用图形抽象地来表达复杂的概念,让整个软件设计更具有可读性,可理解性,以便

    2022年7月4日
    99
  • linux查看redis命令,linux查看redis版本怎么操作?具体示例

    linux查看redis命令,linux查看redis版本怎么操作?具体示例对于有相关开发经验的朋友来说,linux作为一套免费使用和自由传播的类UNIX操作系统,相信你们肯定是比较亲切的,那么今天我们一起了解的是,怎么用linux查看redis版本号?工具/原料:linux,redis方法/步骤:登录Linux服务器,使用命令:whereisredis查找到redis的安装目录。用cd命令进入该目录。进入该目录下的bin目录。使用ls命令列出该目录下的文件结构,可以发…

    2022年6月7日
    117
  • 喜报!盛讯美恒USBserver收到百度云邀请 正式入驻百度云市场

    喜报!盛讯美恒USBserver收到百度云邀请 正式入驻百度云市场

    2021年6月29日
    142

发表回复

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

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