technology logo
technology logo

Form validation logic

share link

by bilal4 dot icon Updated: Dec 16, 2022

Guide Kit Guide Kit  

  const [name, setName] = useState("");

  const [error, setError] = useState(false);


  const inputBlurHandler = () => {

    if (name.trim() === "") {

      return setError(true);

    } else {

      setError(false);

    }

  };

  const submitHandler = (e) => {

    e.preventDefault();

    if (name.trim() === "") {

      return setError(true);

    } else {

      setError(false);

    }

    console.log(name);

    setName("");

  };

  const inputclasses = error ? "input-error" : "";