/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

2 votes111 views1 answer
This.setstate is not a function in react native
Javascript React
0 vote113 views1 answer
How to get parent's ref react
Javascript React
0 vote120 views1 answer
React shadow
Javascript React
0 vote108 views1 answer
React infinte scroll
Javascript React
1 vote111 views1 answer
React native could not get batchedbridge
Javascript React
2 votes109 views2 answers
React native scrollview detect end
Javascript React
15 votes107 views1 answer
Reducer in react example
Javascript React
1 vote112 views1 answer
Adding media queries in makeStyle material react
Javascript React
9 votes155 views2 answers
Html emmet in react vscode
Javascript React
4 votes113 views2 answers
React hooks useref is called in function which is neither a react function component
Javascript React