/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 vote270 views1 answer
How to use adminlte in reacts
Javascript React
0 vote271 views1 answer
Reactjs ES6 class event listeners in jsx
Javascript React
0 vote284 views2 answers
React native use route params
Javascript React
0 vote261 views1 answer
Import tippy react
Javascript React
0 vote266 views1 answer
React locomotive-scroll
Javascript React
0 vote264 views2 answers
React native bottom sheet example
Javascript React
0 vote250 views1 answer
./src/components/Header/HeaderElements.js [1] Module not found: Can't resolve 'react-icons/fa' in '/Users/rubenmatamoros/Desktop/ucf-coding-bootcamp-2020/fitter/client/src/components/Header'
Javascript React
1 vote246 views4 answers
React native push notifications npm
Javascript React
0 vote234 views1 answer
React merge two objects
Javascript React
0 vote263 views1 answer
OnChange react functional programming
Javascript React