前端 react+antd form中已经有内容，但是还是提示输入

最新推荐文章于 2024-08-16 14:32:16 发布

ToBeBetterAlice

最新推荐文章于 2024-08-16 14:32:16 发布

阅读量624

点赞数

分类专栏：学习文章标签：前端

本文链接：https://blog.csdn.net/tobebetteralice/article/details/118675767

版权

学习专栏收录该内容

5 篇文章 0 订阅

订阅专栏

做项目做了2个月了，现在才想起来总结一下，这些都是前端菜鸡我不会的内容，有可能还没有答案，等有了答案再陆续的补上。
1、问题
在做项目的时候出现了如题所示的问题
在这里插入图片描述
2、解决
【现在正在寻找答案中】

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ToBeBetterAlice

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

React+antd后台管理系统模板

12-01

React+antd后台管理系统模板是一个利用React前端框架和antd UI库构建的管理界面示例项目。这个模板主要用于开发者熟悉React和antd组件库的使用，同时也展示了如何在React应用中集成react-router进行页面路由管理。让...

React antd进行表单验证误报

IamasSuperMan的博客

07-12

590

使用React antd进行表单验证时，已经给表单元素赋值了，但无法通过验证在做表单编辑时，需要对表单进行默认值显示，但是使用radio、upload、rangePicker等组件时，需要给formItem设置initialValue或通过form的setFieldsValue来进行表单初值的赋值。 ...

1 条评论您还未登录，请先登录后发表或查看评论

React+Antd项目，Form的Input中已经有内容，但是还是提示此项为必填项，不能为空

BigFamer的博客

08-26

4955

我们在进行数据采集功能开发的时候，往往会用到Form表单，这其中必不可少的就会用到Input（多种type类型）输入框。经常还会对其中的某一些Input输入做一些必填或者某些输入格式的限制，设置默认值和placehoder等等需求场景。我在使用React + Antd构建含有多个Input组件的Form表格时，遇到了下述问题…...

Antd的Form表单设置validator自定义校验后，required必填校验就不生效？

最新发布

清颖的博客

08-16

879

做运营系统、后台系统、ToB项目时避免不了需要研发表单，要填写各种内容。操作：给`Form.Item`的属性`rules`，给`rules`里面指定了 *{ required: true }*, 同时给了 `validator` 自定义校验方法。问题描述：自定义校验后，required 必填不起效。解决……

vue+antd表单已输入内容但校验一直不消失问题总结

。

05-29

1542

值得注意的是，如果你的表单是在弹框里，在弹框打开的方法中是否对form进行了重新赋值，如果用等于号赋值可能会导致form缺少字段，正确做法是用对象合并的方法。使用antd表单校验规则经常出现已经填写内容了但校验提示一直存在的情况，以下是我遇到并问题总结的解决方法，希望能帮到你们。5、在表单校验规则中，输入框、文本框的触发方式最好使用blur，日期选择器、普通选择器使用change。4、确认form绑定的model是否已初始化各个字段（最常见但容易忽略的情况）3、确认form绑定的model。

AntD中Form的input正则校验:不能输入空格

YUSIR 完美CODING世界

11-22

3700

Input不能输入空格正则校验

el-form必填校验明明填了还报未填的原因

生而为人我很抱歉

11-03

1873

【代码】el-form必填校验明明填了还报未填的原因。

antd form 解决切换下拉框对应输入框必选非必选问题

weixin_36766850的博客

12-28

1656

需求：form表单内一个输入框和一个选择框。当选择框选择为"非必要"时，输入框必填，当选择框为其他时，输入框不非必填。解决：form表单中选择框增加required校验，为true时（最好直接判断，不要用useState定义值，判断不及时），则提示星号。且提交时记得增加校验判断。产生问题：当选择“非必要”时，输入框输入，再退出，提示“请输入内容”，不处理再切换为其他，输入框的错误提示仍存则。解决:再切换的onChange事件中，增加resetField(['form表单对应的输入框字段‘],或

react+antd拖拽生成自定义表单.rar

06-08

在本文中，我们将深入探讨如何使用React和Ant Design库来创建一个基于拖拽的自定义表单生成器。Ant Design是流行的React UI组件库，它提供了丰富的预设样式和组件，便于快速构建用户界面。而React作为Facebook开发的...

基于React+antd的后台管理模板

02-16

综上所述，这个“基于React+antd的后台管理模板”是一个高效且功能完备的起点，它融合了React的组件化思想、antd的UI设计以及现代前端开发的最佳实践，可以帮助开发者节省大量时间，快速构建出专业级别的后台管理...

umi+react+antd 增删改查

10-20

在IT行业中，构建Web应用程序是常见的任务，而“umi+react+antd 增删改查”这个主题涉及到了三个核心的技术栈，它们分别是Umi、React和Ant Design，以及Web应用开发中的基本操作：增（添加）、删（删除）、改（修改...

管理系统系列--一個简洁的 antd-react-admin 应用 -- React + Antd 后台管理系统 .zip

02-26

【标题】中的“antd-react-admin”是一个基于React和Ant Design的后台管理框架，它提供了构建高效、美观的企业级管理界面的快速解决方案。Ant Design（简称antd）是阿里巴巴开发的前端UI库，它提供了丰富的组件和...

Antd Form表单中initialValue设置无效的问题

qq_57215961的博客

12-14

3286

2. 给Form.Item设置属性 initialValue，此种方法可行。但formData要有初始值。当formData 初始值通过useState({})，设置为空时，此种方法不可行。3. 通过设置setFeildsValue。(场景：通过接口获取数据，将获取到的数据展示出来 )1. Input被Form.item包裹，在input中设置value无效。想要呈现效果（展示form表单，并且在 input中显示初始内容）使用Form.item表单，

必填校验验证问题

lzfengquan的博客

04-22

2471

今天做项目的时候，突然发现在新增和保存的时候有个必填校验明明加了，但是没有填写，结果竟然没有提示。原来是接收的验证对象不一样造成的，从而忽略了对他的校验。当我对处理应收单类型没选取的时候，进行新增或者保存，发现竟然在明细列表直接新增了一行数据，在保存的时候也只是校验了明细行没填数据，忽略了我的应收单类型。发现错误，在解析的时候忘记判断情况了。因为应收单类型返回的是个对象，然而在 react项目中利用了antd -form 里面有个属性 validateFields 。validateFields（

【笔记】antd 表单验证规则 —— 二选一必填（清除历史校验报错）

程序边界

11-17

1246

> 重点： > - 使用`getFieldValue`判断值 > - 在`onChange`时，使用`validateFields`重新启动校验

AntdDesign Vue 输入框回显校验的问题

weixin_43865334的博客

01-19

1928

问题描述：这是我回显的数据。目前，没报错，是因为还没进行校验，通过点击确定进行校验。报错。控制台报错： rules代码如下： rules: { sort: [ // 排序 { required: true, message: '必填项', trigger: 'blur' }, { type: 'number', message: '请输入数字', transform: (value: string)=>{consol..

关于form表单表单自动验证问题

weixin_59749798的博客

09-02

437

完成Antd自动表单验证

Antd Form 表单实现单项自定义请求校验

small_white_123的博客

11-08

4687

Antd Form 表单实现单项自定义请求校验，与 Modal 相结合，实现用户在输入信息后立即对其进行校验的。

react+antd 完整的后台项目框架

07-31

React Antd是一个基于React开发的UI组件库，提供了一系列美观、易用的组件，能够帮助我们快速构建前端界面。而一个完整的后台项目框架首先需要具备以下几个方面的内容： 1. 路由管理：一个后台项目通常会有很多不同的页面，因此需要一个路由管理器来管理不同页面之间的切换。React Antd提供了React Router库来实现路由管理，我们可以通过配置路由信息来指定每个页面对应的路径，帮助我们实现页面间的跳转。 2. 权限管理：后台项目通常会有一些权限控制的需求，比如某些用户只能访问特定的页面或者执行特定的操作。React Antd提供了权限管理相关的组件，如Menu、Button等，我们可以根据不同的用户角色显示或隐藏某些功能。 3. 状态管理：一个完整的后台项目通常会有很多需要共享的状态，比如用户信息、页面数据等。React Antd本身并不提供状态管理解决方案，但可以与Redux、Mobx等状态管理工具配合使用，帮助我们管理全局的状态数据。 4. 表单验证：后台项目中经常需要进行表单验证，以确保用户输入的数据符合要求。React Antd提供了Form组件，可以方便地实现表单验证功能，如必填项校验、数据格式校验等。 5. 数据交互：后台项目通常需要与后端进行数据交互，如获取用户信息、提交表单数据等。React Antd并没有提供专门的数据交互解决方案，通常我们可以使用Axios等第三方库来实现数据的请求和响应。综上所述，React Antd提供了一套美观、易用的UI组件，可以帮助我们快速构建后台项目。但在构建一个完整的后台项目框架时，我们还需要根据项目的具体需求，结合以上提到的几个方面来进行完善。