/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

105 votes352 views3 answers
React bootstrap do you need to import
Javascript React
0 vote368 views1 answer
React scroll to top on page refresh - don't restore position
Javascript React
0 vote324 views1 answer
Preventive vs reactive
Javascript React
11 votes276 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React
0 vote354 views1 answer
React js input autocomplete off
Javascript React
2 votes305 views1 answer
Iframe in react native
Javascript React
1 vote290 views1 answer
React jsx style with calc
Javascript React
1 vote320 views1 answer
Can't type in react input text field
Javascript React
6 votes344 views1 answer
React native activityindicator
Javascript React
1 vote353 views2 answers
Switch in react
Javascript React