/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 vote235 views1 answer
React native generate app hash without play console
Javascript React
1 vote192 views1 answer
Npx: Create react chrome extension
Javascript React
1 vote218 views1 answer
React connect production
Javascript React
6 votes220 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
4 votes225 views2 answers
'Switch' is not exported from 'react-router-dom'.
Javascript React
0 vote212 views1 answer
Close all function of react in vscode mac
Javascript React
0 vote208 views1 answer
Metro server not running react native
Javascript React
0 vote222 views1 answer
React native regenerate android and ios folders
Javascript React
0 vote222 views2 answers
Run build version react
Javascript React
0 vote202 views2 answers
React 17 hot reload not working
Javascript React