/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 vote294 views1 answer
How to hide footer in specefic pages in react router
Javascript React
0 vote288 views1 answer
How to enable emit on react in vs code
Javascript React
0 vote320 views1 answer
React map gl
Javascript React
1 vote324 views1 answer
React-router-dom v6 redirect
Javascript React
0 vote337 views1 answer
React native no android sdk found
Javascript React
0 vote363 views1 answer
How to add comma in react map
Javascript React
0 vote303 views1 answer
Resellerclub api with react js
Javascript React
0 vote347 views1 answer
How to show content-type:image/jpg in react
Javascript React
0 vote312 views1 answer
React Mixed symbols
Javascript React
2 votes328 views1 answer
React Refused to execute inline script because it violates the following Content Security Policy directive
Javascript React