/Javascript/React/How to accept only. proper email from an input field react with functional component

How to accept only. proper email from an input field react with functional component

if (typeof input["email"] !== "undefined") {
   var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
   if (!pattern.test(input["email"])) {
      isValid = false;
      errors["email"] = "Please enter valid email address.";
   }
}

Source: pretagteam.com

Similar codes

0 vote106 views1 answer
React Hook useEffect has a missing dependency: Either include it or remove the dependency array. If changes too often, find the parent component that defines it and wrap that definition in useCallback. (react-hooks/exhaustive-deps) eslint
Javascript React
4 votes108 views2 answers
React hooks useref is called in function which is neither a react function component
Javascript React
3 votes97 views2 answers
Autocomplete react jsx attributes vscode
Javascript React
-2 votes98 views1 answer
How to get country code in react native
Javascript React
0 vote115 views1 answer
React native listview date separator site:stackoverflow.com
Javascript React
1 vote93 views2 answers
React native get timezone
Javascript React
20 votes113 views4 answers
On enter key press react
Javascript React
0 vote112 views1 answer
React bootstrap make col disapear in small screens
Javascript React
0 vote101 views1 answer
Mock createRef jest react functional component
Javascript React
1 vote118 views1 answer
Share file in react native
Javascript React