/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 vote365 views1 answer
Add two export in same page react
Javascript React
0 vote359 views1 answer
React native firebase login with facebook
Javascript React
1 vote372 views1 answer
How to set height of material ui dialog react
Javascript React
11 votes379 views3 answers
React app and tailwind
Javascript React
1 vote383 views1 answer
Get image url in react input file or preview form image
Javascript React
0 vote376 views1 answer
Use font awesome in react native
Javascript React
1 vote342 views1 answer
REACt helmet og tags DONT WORK
Javascript React
2 votes366 views1 answer
React router 404 redirect
Javascript React
0 vote381 views1 answer
Error: Error: Unable to resolve module `react-native-gesture-handler` from `node_modules\@react-navigation\native\lib\module\Scrollables.js`: react-native-gesture-handler could not be found within the project.
Javascript React
0 vote356 views2 answers
How to make a search bar in react django
Javascript React