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

最新推荐文章于 2024-05-29 15:42:29 发布

ToBeBetterAlice

最新推荐文章于 2024-05-29 15:42:29 发布

阅读量695

点赞数

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/ToBeBetterAlice/article/details/118675767

学习专栏收录该内容

5 篇文章

订阅专栏

博主在前端开发项目中遇到挑战，记录下目前未解决的问题，包括但不限于某个具体的技术难点。虽然答案仍在寻找中，但博主承诺会陆续更新答案，分享解决过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ToBeBetterAlice

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

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

BigFamer的博客

08-26

5196

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

React+antd后台管理系统模板

12-01

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

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

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

最新发布

。

05-29

2800

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

antd中表单输入自定义校验明明输入了内容还是提示为空请输入

weixin_44679078的博客

04-20

5271

情况说明：今天接手一位同事写的代码来修改，项目用的vue+ant。在修改密码功能上，发现在新密码输入框校验中，我明明输入了内容（没有符合自定义校验规则的内容），但还是校验提示请输入新密码。但是我按照密码校验规则输入内容，就可以正常通过。想了想好像是在提示语上出现了问题，对比了官网的例子和代码发现，这里即写了自定义校验，又写了message。原因：自定义校验中写了message，就会优先用message的校验失败提示语，而忽略自定义校验中返回的callback(new Error('校验失败提示语'))

ant-design中Form表单的bug

shiyibodec的专栏

01-30

2942

代码： <FormItem label="金额" > {getFieldDecorator('principal', { initialValue: this.state.record.principal, //initialValue必须在rules之前，否则会导致initialValue不更新 rules: [{ r

element 表单验证有数据但是仍显示需要输入数据

m0_67851191的博客

04-22

638

解决方法：检查 v-model和prop中的值是否一致。

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库，它提供了丰富的组件和...

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

生而为人我很抱歉

11-03

2217

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

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

weixin_59749798的博客

09-02

483

完成Antd自动表单验证

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

YUSIR 完美CODING世界

11-22

4005

Input不能输入空格正则校验

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

程序边界

11-17

1506

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

必填校验验证问题

lzfengquan的博客

04-22

2600

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

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

weixin_36766850的博客

12-28

1762

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

HTML Form 传值

闭眼卖布

06-20

4471

今天碰到一个 HTML 的问题，一个表单在提交后，到达 action 指向的页面后，在连接中所传递的值，都直接被删除了的问题。比如 <form action="http://dest.com?id=1" method="GET"></form>，这个表单在提交后，网页的链接为 http://dest.com? 而后面本来想要传递的值 id = 1 没了。以前在处理 for...

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

small_white_123的博客

11-08

4971

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

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

weixin_43865334的博客

01-19

2030

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