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)
上一篇 2022年4月22日 上午7:00
下一篇 2022年4月22日 上午7:20


相关推荐

  • 产品是什么:PMF模型

    产品是什么:PMF模型一,产品是什么1.能够供给市场2.被人们使用和消费3.满足人们的某种需求需求是产品的基石二,PMF模型PMF(productmarketfit)产品和市场达到最佳的契合点,所提供的产品正好满足用户的需求,令客户满意。1.TargetCustomer目标用户:明确目标用户2.UnderservedNeeds目标用户未被满足的需求:需求分为已有需求,潜在需求,未来需求。分析用户属于哪种需求3.ValueProposition产品的价值定位:明确产品的价值定位,确定产品未用户

    2022年5月10日
    106
  • Word在试图打开文件时遇到错误。解决办法!

    Word在试图打开文件时遇到错误。解决办法!下载Word文档,看看“软考网络工程师”的试题!但是文档打不开,显示如图二图一图二解决步骤:看到这报错,第一感觉,是不是OFFICE本身的问题?除了这个下载的文档不能打开,其它的WORD文档一般都能用WORD打开!晕死。。。先在微软官方网站下载Office2003SP3-KB923618-FullFile-CHS.exe,修复一下O…

    2022年5月1日
    63
  • [算法]有趣算法合辑[11-20][通俗易懂]

    [算法]有趣算法合辑[11-20]

    2022年1月29日
    48
  • MySQL 分区表

    MySQL 分区表

    2021年9月11日
    47
  • pvcreate命令不存在解决方案

    pvcreate命令不存在解决方案需要安装 lvm2yum yinstalllvm2 即可解决 转载于 https blog 51cto com shunzi

    2026年3月19日
    2
  • Activity工作流–工作原理「建议收藏」

    Activity工作流–工作原理「建议收藏」1.什么是Activity?即工作流,和请假的流程大概相识,不过既然为一种技术,肯定有其用处和运行原理。Activity是Android的四大组件之一。是用户操作的可视化界面;它为用户提供了一个完成操作指令的窗口。当我们创建完毕Activity之后,需要调用setContentView()方法来完成界面的显示;以此来为用户提供交互的入口。在AndroidApp中只要能看见的几乎都要依托于Act…

    2022年7月27日
    7

发表回复

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

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