/Javascript/React/React check if string is mail

React check if string is mail

let handleOnChange = ( email ) => {

    // don't remember from where i copied this code, but this works.
    let re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

    if ( re.test(email) ) {
        // this is a valid email address
        // call setState({email: email}) to update the email
        // or update the data in redux store.
    }
    else {
        // invalid email, maybe show an error to the user.
    }

}

Source: stackoverflow.com

Similar codes

0 vote148 views1 answer
React router link electron not working
Javascript React
0 vote133 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
-1 vote122 views2 answers
E.target.text react
Javascript React
0 vote114 views1 answer
React hooks update parent state from child
Javascript React
25 votes133 views6 answers
React native shadow android
Javascript React
0 vote136 views1 answer
How to use elements of 'react-router-dom'
Javascript React
1 vote130 views1 answer
React native image border radius not working
Javascript React
0 vote119 views1 answer
React hooks link to external site new tab
Javascript React
1 vote119 views1 answer
React construct
Javascript React
1 vote109 views3 answers
[PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React