/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

7 votes189 views2 answers
Hover react
Javascript React
3 votes204 views1 answer
Pass element from child to parent react
Javascript React
0 vote223 views1 answer
React native diasble view
Javascript React
2 votes266 views2 answers
Export aab react native
Javascript React
1 vote189 views1 answer
How to upload image in react js
Javascript React
0 vote199 views1 answer
React hooks, react custom hooks
Javascript React
0 vote183 views1 answer
.env not working on react
Javascript React
0 vote203 views1 answer
Exit ios inspector in react native
Javascript React
1 vote202 views1 answer
React get input value on button click functional component
Javascript React
0 vote189 views1 answer
React custom hook refetch data
Javascript React