时间戳

首页 > 解决方案 > 如何在反应钩子形式中使用 useEffect 显示来自寄存器的所有错误消息

reactjs - 如何在反应钩子形式中使用 useEffect 显示来自寄存器的所有错误消息

问题描述

只要页面使用useEffect加载，我想要做的是显示所有错误消息。然后我会显示 3 条错误消息，如果输入集中在这些文本旁边，则会显示一个图标“检查”和“x”，如果满足验证，则为“检查”，如果不是“x”。这是我想要实现的目标的参考。谢谢你的帮助。https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_password_val

            register(e, {
              minLength: {
                value: 8,
                message: "atleast 8 numbers",
              },
              pattern: {
                value: "mypattern",
                message: "must have 1 number",
              },
              maxLength: {
                value: 20,
                message: "error message",
              },
            });
            inputRef.current = e;
          }}```

标签： reactjsreact-hook-form

解决方案

如果您想查看与特定输入相关的所有错误消息，那么您应该设置criteriaMode为all，这样它将显示输入的所有错误。

criteriaMode firstError | all 当设置为 firstError（默认）时，只会收集每个字段的第一个错误。

设置为 all 时，将收集每个字段的所有错误。

推荐阅读