ReactJS - How to fix regex error for email validation?

Question

In react app, I am using regex to check email format. Actually its working fine but there is a CodeQL error like This part of the regular expression may cause exponential backtracking on strings containing many repetitions of '+'.

In /index.js,

const emailRegex = RegExp(/^[\w-_+]+([.-]?[\w-_+]+)*@[\w-_+]+([.-]?[\w-_+]+)*(\.[\w-_+]{2,})+$/)
if (!emailRegex.test(email)) {
  setError("Invalid email")
}

If I try to add \ to fix then will get an eslint warnings. Please suggest me the answer which works in both cases.

Not a solution to this problem, but I would suggest existing library to validate email address. Something like this: npmjs.com/package/email-validator — Nishant
– Nishant, Commented Jan 4, 2021 at 6:39

zahra zamani · Accepted Answer · 2021-01-04 06:42:40Z

1

I did that:

 var 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,}))$/;
        if (!emailRegex .test(email)) {
        setError("Invalid email")
        }

answered Jan 4, 2021 at 6:42

zahra zamani

1,38312 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ReactJS - How to fix regex error for email validation?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related