Question

我正在为我的网站 ui 使用材料 ui，并且还使用 react-hook-form。我的代码如下：

<TextField
            name="firstName"
            id="firstName"
            label="First Name"
            ref={register({ required: true, minLength: 6 })}
          />
          <div>
            {errors.firstName?.type === "required" && (
              <div className={classes.errorMsg}>First Name is required.</div>
            )}
            {errors.firstName?.type === "minLength" && (
              <div className={classes.errorMsg}>
                First Name length should be more than 6 characters.
              </div>
            )}
          </div>

我正在尝试对 firstName 元素应用多个验证，但只有“必需”有效。我输入任何少于 6 个字符的值，然后 react-hook-form 应显示“minLength”错误，该错误不起作用。

请告诉我这是一个 react-hook-form 的问题，或者我在应用时做错了什么。非常感谢。

Answer 1

您可以使用 inputRef 代替 ref

<rule name="redirect based on cookie" stopProcessing="true">
<match url=".*" />
<conditions>
    <add input="{HTTP_COOKIE}" pattern="_xx=HCjdskfds==" />
    <add input="{HTTP_HOST}" pattern="www.domain.com" />
</conditions>
<action type="Redirect" url="http://dashboard.domain.com" />

使用材料 ui 时，表单元素的多重验证不起作用

1 个答案: