卖坚果的怪叔叔 卖坚果的怪叔叔
  • 首页
  • 技术
  • 生活
  • 记录
  • 朋友
  • 常用代码
  • 工具箱
  • 关于
首页 › 技术 › Md5引发的血案

Md5引发的血案

坚果大叔
2023-07-03 16:45:00技术阅读 670

在ant-design的Form表单使用rule校验的时候,有一个时间的输入项是根据条件显示隐藏的,在满足条件的时候,输入值已经符合校验规则后,点击保存页面没有反应!控制台报 input is invalid type 错误。

Md5引发的血案-卖坚果的怪叔叔

一开始以为是rules的校验规则不生效导致的,就去改校验规则的实现方法,然后发现还是不行。又仔细看了一下发现

Md5引发的血案-卖坚果的怪叔叔

input is invalid type 其实是输入的数据类型不符合校验规则所需要的类型导致的。 然后又去看该输入项的打印值,发现值是对的。

然后后面还有一段报错 component event handler,官方解释是

1、组件事件处理程序未正确定义
2、校验规则的函数中有作用域的问题
3、校验规则函数的返回值有问题
4、规则配置错误

按照上面的方法去一一查找后发现没有任何问题。。

到这为止,只觉得脑壳痛。

然后去搜了下这个报错,发现有个回答提到了md5加密的时候值为空或者不是字符串所以阻塞了rules的校验。我感觉很奇怪因为在该条件下密码字段是不用输入的,然后发现之前的逻辑是 顺序往下走的,因为password不需要输入默认值就是空,就导致了报错。

也是无语的不行。

给password加了一个非空判断,报错就消失了。

admin: {
    userName: adminName,
    phone: adminPhone,
    password: normalPassword ? md5((normalPassword)) : null,
},

问题解决后,心里一阵MMP。。



微信扫描下方的二维码阅读本文

JS
赞赏 赞(2)
本文系作者 @坚果大叔 原创发布在 卖坚果的怪叔叔。未经许可,禁止转载。
JS生成Van-Picker 指定日期格式
上一篇
Mac更换node版本切换工具n模块的镜像源
下一篇

评论已关闭

近期文章
  • TrollStore 2 已发布,附超详细安装教程~
  • 纯CSS实现带有画布边框和刻度尺的样式
  • 远方
  • 使用 Clash 加速同一局域网下的其他设备
  • 一键解决VsCode官网下载慢的问题
TrollStore 2 已发布,附超详细安装教程~
2023-11-28 13:07:45
5,739 0 2
纯CSS实现带有画布边框和刻度尺的样式
2023-11-27 16:48:06
7,610 0 1
instanceof和typeof的区别
2023-09-26 17:20:33
440 6 3
React实现打字机效果~
2023-08-22 17:31:49
662 0 1
2
  • 2
博主

一位佛系的前端开发者,略通摄影,乐于尝试新事物,热衷于美食。愿意分享前端技巧、笔记,以及各类有趣的应用和资源教程 ♥♥

友链
故事胶片
公众号
坚果大叔 执行上下文 卖坚果的怪叔叔
Copyright © 2017-2023 卖坚果的怪叔叔

萌ICP备20230818号 苏ICP备18048410号-2
  • 首页
  • 技术
  • 生活
  • 记录
  • 朋友
  • 常用代码
  • 工具箱
  • 关于
# CSS # # JavaScript # # vue # # 微信 # # 生活 #
坚果大叔
260
文章
71
评论
231
喜欢