import React,{useState} from "react";
export default function Validate() {
const [value, setValue] = useState("");
const [disable, setDisable] = useState(false);
function handleChange(e) {
setValue(e.target.value);
if (e.target.value.length <10)
{
setDisable(true);
}
}
return (
<>
Phn:<input error={disable} type="number" value={value} onChange={handleChange}/>
<button disabled={!disable}>click</button>
</>
);
}
in this case initially button is disabled but when i type one number button is enabled but i need untill user give 10 digit phone number button is disabled