踩坑 antd Form表单获取input默认值失败,Form表单校验input 必填 默认值为undefined

article/2025/10/3 16:29:41

问题描述:1,跳转页面后,通过url传参,将参数自动回填到下一个页面的input输入框里,打开页面后,input成功显示回写内容。2,为FormItem添加必填校验required:true。3,提交表单,校验未通过,提示input未填写内容,手动输入则校验成功。

代码如下:

问题在于,rules进行校验的时候,拿到的input value是undefined,如果把rules的校验规则写成自定义的函数,打印value则能直观的看到值为:undefined。

思路:默认值是Input输入框的,除非手动输入,否则Form表单并不能获取到Input的默认值,既然是表单的校验,则需要告诉表单,某个input有默认值,默认值为xxx。

解决:利用Form表单的initialValues属性,传一个对象,key对应Form.Item的name属性的值,value为想要回填的默认值。

完整代码:

 


http://chatgpt.dhexx.cn/article/nEj6bJ9P.shtml

相关文章

js压缩混淆加密工具,解密工具

js压缩混淆加密有什么不同 压缩 compress: 去掉空格,换行,注释等,格式紧凑,节约存储空间。 混淆 obfuscate/garble:替换变量名或方法名,让js不容易看懂。也做到了压缩的效果。 加密 encrypt&…

对JS文件中每个函数单独混淆加密

自动化脚本:单独对JS代码中的每个函数进行混淆加密 用自动化脚本工具,对JS代码中的每个函数分别进行单独混淆加密。这样加密得到的JS代码,比直接对整个JS代码进行混淆加密,效果要好很多。所谓“好”体现在:加密结果安…

js常见混淆加密技术

下面,我将通过一个案例来演示如何使用JavaScript混淆加密技术来保护你的网站。 假设你有一个网站,其中包含一个登录页面,该页面的JavaScript代码如下所示: function login(username, password) {if (username "admin"…

JS混淆原理

JS混淆原理 •eval 加密 通过eval去执行函数通常和webpack打包拼接一起使用• 变量混淆 ​ 变量名混淆,十六进制替换,随机字符串替换• 属性加密 ​ 一套组合算法,将属性加密生成• 控制流平坦化 逻辑处理块统一加上前驱逻辑块&#xff0c…

在线Javascript加密混淆工具

在线Javascript加密混淆工具 在线Javascript加密混淆工具 在线Javascript Obfuscator 使 javascript 代码更难阅读以保护它。该工具提供了四种使用工具。你可以压缩或格式化你的代码,也可以使用 eval 混淆你的代码并对其进行解码。混淆的 javascript 代码在你的工作…

JavaScript代码混淆加密教程 JS无解加密

正文: 今天给大家写一篇原创JS加密教程,大家都知道由于JS属于前端的内容,任何人都可以直接对代码进行查看,直接暴漏JS代码,自己的劳动成果无法保护就算了,别人还可以直接复制你的代码变为自己的。 所以说&#xff0c…

Js混淆代码、加密数据工具-JShaman

官网:JShaman - 专业的JS代码混淆加密平台 - JS混淆、JS加密 由于客户信息安全检测到系统源码没有加密,容易被仿造,故建议对重要js文件进行加密。

js混淆加密,通过混淆Js代码让别人(很难)无法还原

1、为什么需要js混淆 在web系统发展早期,js在web系统中承担的职责并不多,只是简单的提交表单,js文件非常简单,也不需要任何的保护。 随着js文件体积的增大,为了缩小js体积,加快http传输速度,开始…

某网站JS加密、OB混淆与CSS反爬实战分析

1. 写在前面 最近一段时间接触了一些小说网站的业务。发现很多的小说网站,甚至一些小站它们的安全防护措施做的都很到位!例如上次说到的的五秒盾也是存在于一个小说小站。今天要讲的这个网站它集JS加密、ob混淆、CSS反爬于一体 目标站点: aH…

前端JavaScript代码混淆加密原理介绍

因为JavaScript大都是运行在浏览器端,这就导致任何人都可以直接对网站的代码进行查看,如果代码没有进行任何处理就会导致直接暴露源码,他人便可轻而易举的复制你的劳动成果,但是由于没有纯粹的加密方案,所以能做的就是让代码变得更加的难以阅读,他人难以…

JS常见加密混淆一览

参考文章: https://www.cnblogs.com/guyouyin123/p/13804700.html 常见js混淆加密 JSFUCKAAEncodeJJEncode JSFUCK 特征为由[]{}()!组成的看不懂的代码 AAEncode 俗称aa混淆,特征为网络表情符号 JJEncode jj混淆,特点是特别多的$混淆 虽然…

JS常见加密混淆方式

目录 前端js常见混淆加密保护方式 eval方法等字符串参数emscriptenWebAssemblyjs混淆实现 JSFuckAAEncodeJJEncode代码压缩变量名混淆字符串混淆自我保护,比如卡死浏览器控制流平坦化僵尸代码注入对象键名替换禁用控制台输出调试保护,比如无限Debug,定时…

JS逆向之常见编码和混淆加密方式(一)

一般情况下,js的代码加密用来加密混淆代码,降低代码的可读性,如果一段没有经过任何加密混淆的代码,很容易被第三方或者脚本破解利用,引发许多的安全问题,本文将从以下多个角度讲解,代码加密的一…

最常用的js混淆加密解

JS混淆加密是一种用于保护JS代码的技术,它能够将代码变得难以理解和修改,从而提高代码的安全性。但是,当我们需要修改和维护这些代码时,我们就会面临困难。因此,在某些情况下,我们需要解这些JS代码。 下面…

PS操作小技巧

PS操作小技巧 如何查看psd文件指定图层图片的大小? 如何查看psd文件指定图层图片的大小? 首先你需要找到你的指定图层:点击小眼睛 然后再配合使用**Ctrl 左键 ** 这个时候图片会被选中,效果如下:

PS的简单操作!

PS的简单操作! ctrld:取消选择区域的线、 ctrlr:标尺线、 ctrlaltz:返回最初步骤、 ctrlz:返回上一步、 注:在有交叉线处,按alt键可以拖出以“交叉点”为中心的“矩形”或者“椭圆”如果想使矩形变正方形,椭圆变圆形则altshift键。…

PhotoShop 基本操作介绍, 附带图文解说

一篇适合小白学习的教程,主要介绍PS的界面和基本操作,及分享一些常用的快捷键。 首次打开PS首先需要修改PS内的预设值 ①打开常规面板(也可以在菜单栏里打开,windows电脑在“文件菜单”下点击“常规”快捷键ctrl+k) <点图片看大图>www.16xx8.com 性能一般设为70%,…

简单的ps

1、快捷键 command n 创建文档 f7 图层 M 选框工具 v 移动工具 Command j 提取图层 shift f5 填充颜色 Ctrl t 自由变换尺寸 Ctrl 选中多个图层一起移动 Shift 选中多个图层可以选择连接 Alt 可以单看蒙版 ctrl d 取消选择 ctrl i 反选 2、注意事项 1、蒙版…

PS(一)PS基础从0开始,感兴趣的可以来看看

目录 一、PS基础知识和操作 2、调整页面 界面是不是太繁琐了 在右上角有个小列表&#xff08;我已经给大家标出来了&#xff09;点开有个关闭选项卡组&#xff0c;点击一下界面就会简洁了 ​编辑 有的界面打开少了什么工具啊可以点击窗口-工作区-复位基本功能 3、认识基本的位…

PS~了解PS的第一步,基本操作

1、PS如何新建画布 ①选择文件—新建—修改参数—确定 ②CtrlN 新建的快捷键—修改参数—确定 名称&#xff1a;自己修改宽高&#xff1a;自己修改&#xff0c;我们通常使用像素来定义分辨率&#xff1a;72颜色模式&#xff1a;RGB背景&#xff1a;自己选择白色或者透明 2、在…