#yyds干货盘点 ant design form表单验证问题

简介: #yyds干货盘点 ant design form表单验证问题

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


导语

歌谣 歌谣 这个表单是需要做验证的 再react的开发过程中有些表单验证是需要有其他方式的


常规的方式有下列代码支撑


image.png


编辑

getFieldDecorator('offlineLessonCode', {
                    initialValue: selectedRows,
                    rules: [{ required: true, message: '请选择课期' }],
                  }



解决思路

<Form.Item label="选择展位费" required validateStatus={skuType} help={skuMsg}>
              <Row gutter={12}>
                <Col span={12}>
                  <Search
                    enterButton="选择"
                    placeholder="请选择"
                    onSearch={this.handleSKuModal}
                    value={paySkuNname}
                  />
                </Col>
              </Row>
            </Form.Item>





总结

第一步 require 第二部validateStatus={skuType} help={skuMsg} 验证规则和提示


当skuType为success没有提示 error弹出提示 skumsg为弹出提示信息


则完成



相关文章
|
前端开发 JavaScript 数据库
前端 富文本编辑器原理
前端 富文本编辑器原理
386 0
|
Java 测试技术 数据库
Java Spring Boot: 极简配置与快速开发的利器
Java Spring Boot: 极简配置与快速开发的利器
|
Linux Python Windows
|
1天前
|
云安全 人工智能 安全
AI被攻击怎么办?
阿里云提供 AI 全栈安全能力,其中对网络攻击的主动识别、智能阻断与快速响应构成其核心防线,依托原生安全防护为客户筑牢免疫屏障。
|
11天前
|
域名解析 人工智能
【实操攻略】手把手教学,免费领取.CN域名
即日起至2025年12月31日,购买万小智AI建站或云·企业官网,每单可免费领1个.CN域名首年!跟我了解领取攻略吧~
|
5天前
|
安全 Java Android开发
深度解析 Android 崩溃捕获原理及从崩溃到归因的闭环实践
崩溃堆栈全是 a.b.c?Native 错误查不到行号?本文详解 Android 崩溃采集全链路原理,教你如何把“天书”变“说明书”。RUM SDK 已支持一键接入。
448 192
|
3天前
|
数据采集 消息中间件 人工智能
跨系统数据搬运的全方位解析,包括定义、痛点、技术、方法及智能体解决方案
跨系统数据搬运打通企业数据孤岛,实现CRM、ERP等系统高效互通。伴随数字化转型,全球市场规模超150亿美元,中国年增速达30%。本文详解其定义、痛点、技术原理、主流方法及智能体新范式,结合实在Agent等案例,揭示从数据割裂到智能流通的实践路径,助力企业降本增效,释放数据价值。