React/JavaScript - Validate two or more inputs

Question

Is it possible to validate two or more inputs in the same file ? As I am trying to create a second validator for another input. I have one validator for a number input -

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' });
    }
  };
}

I would like to create second input like email or text but I don't want to create a new file and I was wondering how can I add another validator there.

This is not going to answer the question directly, but I do believe it to be bad design to include phone number and email validation together. They have little cohesion and they are not likely to change for the same reason, hence they have different responsibilities. They should probably be separated. — Sebastien
– Sebastien, Commented Dec 4, 2020 at 15:57

frx · Accepted Answer · 2020-12-04 16:21:18Z

1

Instead of using the above-mentioned approach, What you can do is create a schema to validate the inputs. There are many great libraries for this.

In a large project writing a validator for each type of input can be a complex task. You can use fastest-validator which is the fastest data validation library for javascript.

answered Dec 4, 2020 at 16:21

frx

2151 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React/JavaScript - Validate two or more inputs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related