/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 votes212 views1 answer
React add gradient top to bottom
Javascript React
0 vote241 views2 answers
Airbnb react native eslint
Javascript React
1 vote232 views2 answers
React beforeunload
Javascript React
0 vote232 views1 answer
React router dom props.history is undefined
Javascript React
2 votes219 views1 answer
How to use `setState` callback on react hooks
Javascript React
26 votes208 views5 answers
React font-awesome
Javascript React
3 votes215 views1 answer
React native duplicate resources: Android
Javascript React
158 votes791 views6 answers
React create app
Javascript React
5 votes201 views1 answer
Wrap text react native
Javascript React
2 votes228 views3 answers
New line in react js
Javascript React