Email Regex Function doesn't work in React for Validation

Question

I am using the following React Function for email Regex, but it doesn't work.

When i try this email-address: test@test.com i get the the error: "Email is invalid"

Here is my FormValidation Function to check the values:

import { emailRegex } from "./regex";

export function validateEmail(email) {
  if (!email.length) {
    return {
      status: true,
      value: "Email is required"
    };
  } else if (!emailRegex.test(email)) {
    console.log(email);
    return {
      status: true,
      value: "Email is invalid"
    };
  }
  return {
    status: false,
    value: ""
  };
}

export function validatePassword(password) {
  if (!password.length) {
    return {
      status: true,
      value: "Password is required"
    };
  } else if (password.length <= 6) {
    return {
      status: true,
      value: "Password is invalid"
    };
  }
  return {
    status: false,
    value: ""
  };
}

and here is my emailRegex Function:

export const emailRegex = /^(([^<>()[]\\.,;:\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,}))$/;

Where is the issue of that? Thanks for our help

Your pattern [does not match `test@test.com`](https://regex101.com/r/h9yot6/1). — Wiktor Stribiżew, Sep 19 '18 at 10:51

score 3 · Accepted Answer · answered Sep 19 '18 at 10:53

3

export const emailRegex=/^(([^<>()\[\]\\.,;:\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,}))$/

answered Sep 19 '18 at 10:53

Alfred Ayi-bonte

715
7
11

the difference is that you left a \ backslash after the parentheses and in the square bracket. ie ```()\[\]``` – Alfred Ayi-bonte Sep 19 '18 at 10:56

Email Regex Function doesn't work in React for Validation

1 Answers1

Linked