/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 vote166 views1 answer
News api react native
Javascript React
6 votes128 views1 answer
React-native loading screen
Javascript React
3 votes164 views1 answer
React.children.only expected to receive a single react element child
Javascript React
0 vote135 views1 answer
_40 0 _55 null _65 0 _72 null react native fetch
Javascript React
0 vote150 views1 answer
React add link to button
Javascript React
1 vote178 views2 answers
Push state array react
Javascript React
11 votes135 views2 answers
'React' must be in scope when using JSX react/react-in-jsx-scope
Javascript React
0 vote127 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React
0 vote137 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript React
0 vote127 views1 answer
React native pure component vs component
Javascript React