/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 vote184 views1 answer
React computed example
Javascript React
41 votes169 views4 answers
On click copy to clipboard react
Javascript React
8 votes194 views3 answers
React Lazy()
Javascript React
0 vote180 views1 answer
Import React from 'react'; import {Router, Scene} from 'react-native-router-flux';
Javascript React
0 vote2.3K views1 answer
Docker react js
Javascript React
0 vote184 views1 answer
Getting state in react-router-dom v6
Javascript React
0 vote256 views1 answer
React-phone-number-input retur message in react hook form
Javascript React
3 votes183 views2 answers
React is there a safe area view for android
Javascript React
1 vote186 views1 answer
React does not recognize the `activeClassName` prop on a DOM element
Javascript React
1 vote206 views1 answer
Change icon color react native elements
Javascript React