首页 > 其他分享 >form4表单验证书写方式

form4表单验证书写方式

时间:2024-12-05 17:44:44浏览次数:3  
标签:return getFieldValue 书写 value 表单 num Promise form4 const

 

1.直接在表单项书写:

 rules={[
        {
            required: true,
            message: '请选择指标类型',
        }, {
            validator: (_, value) => {
                const num = form.getFieldValue('itemList')[field.name]['filter'].filter(c => c?.name === value)?.length || 0
                if (num > 1 && value != '') {
                    return Promise.reject(new Error('指标类型重复'));
                } else {
                    return Promise.resolve();
                }
            }
        }
        ]}

 2.单独定义并在表单项引用

 const dataCenterChecked = ({ getFieldValue }) => ({
    validator(_, value) {
      const num = getFieldValue('alarmUserList').filter(c => c?.dataCenterId === value)?.length || 0
      if (num > 1 && value != '') {
        return Promise.reject(new Error('告警位置重复'));
      } else {
        return Promise.resolve();
      }
    },
  })
 
 
   rules={[{ required: true, message: '请选择告警位置' }, dataCenterChecked]}

 

标签:return,getFieldValue,书写,value,表单,num,Promise,form4,const
From: https://www.cnblogs.com/Simoon/p/18589053

相关文章

  • HTML前端页面--表单标签
    一、一些特殊标签:图片、音频、视频标签二、表单标签:表单:在网页中采集数据,使用标签定义表单项:不同类型的input元素登录页面、注册页面等都是表单注册对应的是,数据库的增加登录对应的是数据库的查询分类:form是表单标签,在页面中不显示;需要借助表单项标签来展示不同的......
  • 『玩转Streamlit』--表单Form
    在Streamlit中,Form组件是一种特殊的UI元素,允许用户输入数据而不立即触发应用的重新运行。这对于创建需要用户输入多个参数后再进行处理的交互式表单非常有用。1.概要Form组件的主要作用是在一个表单内集中处理多个用户输入,使得数据收集和验证更加高效和直观。通过Form组件,开......
  • 基于Bootstrap的强大jQuery表单验证插件
    预览 下载formvalidation是一款功能非常强大的基于Bootstrap的JQUERY表单验证插件。该jQuery表单验证插件内置了16种表单验证器,你也可以通过BootstrapValidator'sAPIs写自己的表单验证器。该表单验证插件的可用验证器有:between:检测输入的值是否在两个指定的值之间。callb......
  • 页面上的登录表单记住了密码(显示星号),但我又忘了密码,如何找回这个密码呢?
    很遗憾,直接从前端获取被遮蔽的密码是不可能的。浏览器出于安全考虑,会将密码以星号或圆点显示,并且不会将其真实值存储在容易访问的HTML属性中。即使使用JavaScript,你也无法直接读取用户输入的密码。试图绕过这个安全限制是不道德的,并且在大多数情况下也是非法的。如果你需要找回......
  • 做表单验证时主要是验证哪些内容呢?
    前端表单验证主要验证以下内容:1.数据格式:数据类型:确保输入的数据类型正确,例如,年龄字段应该是数字,邮箱字段应该是邮箱格式,日期字段应该是日期格式。长度限制:限制输入数据的长度,例如,用户名不能超过20个字符,密码不能少于6个字符。格式匹配:使用正则表达式或其他方法验......
  • 请问PbootCMS 登录失败及表单提交校验失败的解决方案
    在使用PbootCMS时,可能会遇到登录失败、表单提交校验失败等问题。以下是针对这些常见问题的详细解决方案。一、登录失败或表单提交校验失败描述:用户尝试登录时失败。表单提交时校验失败。解决方案:检查服务器环境:确保服务器环境满足PbootCMS的最低要求。检查PH......
  • 基于Bootstrap的Material Design风格表单插件
    JqueryMaterialFormPlugin是一款基于Bootstrap的MaterialDesign风格的JQUERY表单插件。该表单通过自定义样式和jQuery来将Bootstrap的表单修改为扁平风格的表单,并带有浮动标签特效。在线演示  下载  使用方法使用该MaterialDesign风格表单需要在页面中引入jquery,bo......
  • 【3分钟学会】一招禁用表单中input输入框回车键自动触发提交事件!
    知其然知其所以然在前端项目开发中,偶尔会有表单提交的问题:用户输入表单后,不小心按了回车键,导致提前触发了提交事件?问题概述当表单中仅有一个input输入框时,按下回车键就会自动触发提交事件,这是为什么呢?这里就要提到一个标准:W3C文中最后一句话已经解释了原因:当表单中只有......
  • 【Web】0基础学Web—html基本骨架、语义化标签、非语义化标签、列表、表格、表单
    0基础学Web—html基本骨架、语义化标签、非语义化标签、列表、表格、表单html基本骨架语义化标签图片属性a链接非语义化标签特殊符号标签列表无序列表结果展示有序列表结果展示定义列表结果展示表格table属性tr属性结果展示表单单标签form属性input属性selecttex......
  • 【泛微E9】获取移动页面的参数,并赋值给表单浏览框。
    表单代码块如下:<script>varkpbm=getUrlParam("kpbm");//获取URL中的kpbm参数varzcbm=getUrlParam("zcbm");//获取URL中的zcbm参数varsjid=getUrlParam("id");console.log(kpbm);console.log(zcbm);console.log(sjid);WfForm.ch......