/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 vote218 views1 answer
Override backswipe behaviour in ios and android react native
Javascript React
4 votes233 views2 answers
React input number
Javascript React
0 vote236 views1 answer
React js create element
Javascript React
0 vote228 views1 answer
Sweper slider react
Javascript React
0 vote230 views1 answer
Timeline material ui react native
Javascript React
0 vote222 views1 answer
Reactjs import electron
Javascript React
0 vote204 views2 answers
Undo npm run eject react
Javascript React
1 vote219 views1 answer
React repeat
Javascript React
0 vote282 views1 answer
Setstate to false after 10 sec react native
Javascript React
0 vote221 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React