/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

18 votes348 views6 answers
How to import svg in react
Javascript React
0 vote402 views3 answers
Unexpected template string expression no-template-curly-in-string react
Javascript React
1 vote406 views1 answer
@react-google-maps/api npm
Javascript React
0 vote375 views1 answer
Line separator with text in the center react native
Javascript React
2 votes381 views2 answers
Add 2 class names react
Javascript React
13 votes419 views3 answers
React native conditional rendering
Javascript React
1 vote367 views1 answer
Bootstrap icons react
Javascript React
4 votes424 views2 answers
Defining functions in react
Javascript React
0 vote416 views3 answers
Create dots in carousel react js bootraps
Javascript React
0 vote434 views1 answer
React replace all line breaks with br
Javascript React