/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 vote371 views1 answer
Yarn react select
Javascript React
0 vote415 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React
0 vote381 views1 answer
This.props undefined react native
Javascript React
1 vote389 views3 answers
How to make sticky footer with react router
Javascript React
25 votes373 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5. 0.0).
Javascript React
2 votes367 views1 answer
How to align text inside react component
Javascript React
1 vote380 views1 answer
How to update version of dependencies reactjs
Javascript React
1 vote379 views1 answer
How to test useEffect in react testing library
Javascript React
0 vote411 views1 answer
Random word react npm package
Javascript React
0 vote370 views2 answers
React show view based on role permission
Javascript React