React/JavaScript - 验证两个或更多输入

Question

是否可以验证同一文件中的两个或多个输入？ 当我试图为另一个输入创建第二个验证器时。 我有一个用于数字输入的验证器 -

function FormVal() {
  const [phone, setPhone] = React.useState<string>();
  const [errors, setErrors] = React.useState<{ phone: string }>();

  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    const {
      target: { value }
    } = event;
    setErrors({ phone: '' });
    setPhone(value);
    let reg = new RegExp(/^\d*$/).test(value);

    if (!reg) {
      setErrors({ phone: 'Only numbers' });
    }
  };
}

我想创建第二个输入，例如 email 或文本，但我不想创建新文件，我想知道如何在那里添加另一个验证器。

Answer 1

除了使用上述方法，您可以做的是创建一个模式来验证输入。 有很多很棒的图书馆。

在大型项目中，为每种类型的输入编写验证器可能是一项复杂的任务。 您可以使用最快的验证器，它是 javascript 的最快数据验证库。