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


相关推荐

  • C语言 字符串分割

    C语言 字符串分割C语言字符串分割一、简述记–字符串分割,strtok()函数的使用例子、自己实现split()函数。二、例子代码#include<stdio.h>#include<string.h>/**函数:split*描述:按指定分隔符分割字符串*参数:* str:要分割的字符串* strLen:要分割…

    2022年6月9日
    28
  • 智慧物业小程序_智慧小区物业管理小程序搭建开发有现成案例

    智慧物业小程序_智慧小区物业管理小程序搭建开发有现成案例智慧小区物业管理小程序搭建开发有现成案例【欢迎手机致电:沈经理153.1556.5651微信同步】你我您社区团购模式平台开发,你我您社区商城购物便捷取货模式开发,你我您社区app小程序系统开发,支持二次开发维信小程序的出现,为传统企业发展提供了新的平台。通过维信小程序,传统企业可以实现推广、营销等一系列功能,让企业获得新的动力和机遇。一、你我您社区小程序是什么?1.限时商品抢购,团购价下单2.到…

    2022年10月18日
    3
  • matlab 马赫带效应,matlab图像处理基础实例

    matlab 马赫带效应,matlab图像处理基础实例matlab图像处理基础实例·边缘检测(edge)边缘检测时先要把其他格式图像转化为灰度图像>>f=imread(lbxx.bmp);>>a=rgb2gray(f);>>[g,t]=edge(a,canny);>>imshow(g)·剪贴(imcrop)、subplot等imfinfocolormapsubimageimadd…

    2025年6月28日
    6
  • 【STM32】HAL库 STM32CubeMX教程九—ADC[通俗易懂]

    【STM32】HAL库 STM32CubeMX教程九—ADC[通俗易懂]前言:本系列教程将对应外设原理,HAL库与STM32CubeMX结合在一起讲解,使您可以更快速的学会各个模块的使用所用工具:1、芯片:STM32F407ZET6/STM32F103ZET62、STM32CubeMx软件3、IDE:MDK-Keil软件4、STM32F1xx/STM32F4xxHAL库知识概括:通过本篇博客您将学到:ACD工作原理STM32CubeMX创建…

    2022年10月21日
    6
  • springMVC 配置CharacterEncodingFilter之后不起效果

    springMVC 配置CharacterEncodingFilter之后不起效果最近开始自学springMVC框架,遇到中文乱码这一经典问题,记录下解决过程,以便后续忘记web.xml里过滤器配置如下:<?xmlversion=”1.0″encoding=”UTF-8″?><web-appxmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance”xmlns=”http://j…

    2022年7月14日
    84
  • java解析xml格式的节点属性值

    java解析xml格式的节点属性值xml示例:<ResponseContent><Parameter><Document><RecordSetid=”1″><Mastername=”purchase”><Record><Fieldname=”orderNumber”value=”1P05-151200172″/>

    2022年6月1日
    41

发表回复

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

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