/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

11 votes139 views2 answers
'React' must be in scope when using JSX react/react-in-jsx-scope
Javascript React
4 votes133 views1 answer
How to creat emmet in react
Javascript React
4 votes135 views2 answers
Import reactdom
Javascript React
0 vote136 views1 answer
React Mixed symbols
Javascript React
0 vote293 views1 answer
React native multiple touchableopacity
Javascript React
18 votes129 views3 answers
Add object to array react hook
Javascript React
0 vote160 views1 answer
Create react app with vite
Javascript React
1 vote150 views1 answer
React router dom 6 go back
Javascript React
0 vote146 views1 answer
React hooks link to external site
Javascript React
0 vote135 views1 answer
How to add a key in a react element
Javascript React