当前位置: 代码迷 >> 综合 >> antd Form 表单校验方法无响应
  详细解决方案

antd Form 表单校验方法无响应

热度:72   发布时间:2023-10-30 00:25:33.0

antd 的 表单校验方法包括 validateFieldsvalidateFieldsAndScroll
里面可以接收校验字段数组, options, 和一个回调函数

from.validateFields([name, age], {
    }, (err, val)=> {
    })

校验全部表单数据

from.validateFields((err, val)=> {
    }) // 无响应

发现无响应, 无报错, 完全蒙逼了, 排查良久, 添加校验字段后发现可以成功校验, 于是想着大不了我全部手动添加字段名校验, 终于, 错误的原因浮现出来了

from.validateFields([name, age], (err, val)=> {
    }) // 正常

只要校验我自定义的一个表单组件, 这个方法就会无响应, 原因就是我自定义组件的自定义校验出现了问题
也就是 validator 方法里出现了问题 好好看看你的自定义校验吧

rules: [{
    validator: (rule, value, callback) => {
    callback()},},
],
  相关解决方案