/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

8 votes357 views1 answer
Professional react projects
Javascript React
0 vote360 views3 answers
Line 32:18: 'Link' is not defined react/jsx-no-undef
Javascript React
1 vote301 views1 answer
How to pass props in react test cases
Javascript React
15 votes351 views8 answers
React bootstrap
Javascript React
0 vote376 views1 answer
How to align placeholder in react native
Javascript React
0 vote374 views1 answer
How to make image slider in react js
Javascript React
0 vote365 views1 answer
Npm react-native-async-storage
Javascript React
0 vote395 views1 answer
ResolveAssetSource react-native-web
Javascript React
106 votes381 views2 answers
React npm build
Javascript React
0 vote341 views1 answer
Inline style to change background color react
Javascript React