/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 vote295 views1 answer
How to pass parent function to child screen in React Navigation
Javascript React
0 vote245 views1 answer
My env.local file not working in my react app usind mac
Javascript React
0 vote217 views6 answers
React slick
Javascript React
7 votes209 views4 answers
Import image in react js
Javascript React
0 vote208 views1 answer
Create react portal
Javascript React
0 vote220 views1 answer
Module not found: Can't resolve '@date-io/date-fns' in 'C:\Users\61455\Documents\React apps\mya2o\src\pages'
Javascript React
9 votes223 views2 answers
React native hide yellow box
Javascript React
2 votes214 views2 answers
Pdf table files download react not working
Javascript React
15 votes209 views2 answers
React check if url address is valid
Javascript React
0 vote216 views1 answer
React native test redux
Javascript React