React js input onChange Validation is not Working

Question

onChange={(e) => {
    if (e.target.value.match("^[a-zA-Z]*$") != null) {
        setName(e.target.value);
        // console.log(setName);
    } else {
        toast.error("Please match the required format");
    }
}}

this required validation is not working. database is updated with empty string

Answer 1

onChange = {(e) => {
  if(e.target.value.match("^[a-zA-Z]*$") === true){
    setName(e.target.value) 
  } else {
    toast.error("Please match the required format")
  }
}}

Answer 2

You can also use test like:

onChange={(e) => {
 if (/^[a-zA-Z]*$/.test(e.target.value)) {
     setName(e.target.value);
     // console.log(setName);
 } else {
     toast.error("Please match the required format");
 }
}}

Hope it maybe helpful.