regex rule for email validation is not working in vuejs

Question

I tried this code as provided in https://v2.vuejs.org/v2/cookbook/form-validation.html.

validEmail: function (email) {
    var 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,}))$/;
    return re.test(email);
}

Vuejs is saying that - error: Unnecessary escape character: \[ (no-useless-escape) at src/components/form.vue:125:65 which is the line var re = ...

What I am getting wrong here? I called this function like this.validEmail(this.modelname)

So why don't you just remove the backslash? You're inside of a capture group. The only bracket to be escaped is the closing bracket ]. — lher
– lher, Commented Dec 3, 2018 at 11:21
@lher I removed all `` which are before of [ and ], and it comes with other characters to ... — Veshraj Joshi
– Veshraj Joshi, Commented Dec 3, 2018 at 11:54
Escaping means adding a backslash \ before a character. The bracket [ is escaped by adding a backslash \ character >> \[ — lher
– lher, Commented Dec 3, 2018 at 12:22

Decade Moon · Accepted Answer · 2018-12-03 11:29:47Z

3

The "error" (technically it's just a warning) is saying that you do not need to escape [ in the regex when it is inside a character set ([] syntax) because its meaning is unambiguous (you can't create nested character sets); ], on the other hand, does need to be escaped because it will be interpreted as part of the regex syntax that ends the character set instead of a literal ] character.

Simplified example:

/[\[]/
  ^ unnecessary escape

should be instead:

/[[]/

answered Dec 3, 2018 at 11:29

Decade Moon

34.4k8 gold badges84 silver badges104 bronze badges

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

4 Comments

Veshraj Joshi Over a year ago

I tried after removing \[\] and again it said same error message with \. and \- . After all done and no error was there but email validation does not work.

Decade Moon Over a year ago

Right, now you're getting similar errors for other unnecessary escapes – remove them too. . does not need to be escaped in a character set. With - I usually put it first after the [ so it needn't be escaped.

Veshraj Joshi Over a year ago

I tried that did not work ... error gone but ... validation did not work

Decade Moon Over a year ago

You should only be removing the \ character where indicated.

Collectives™ on Stack Overflow

regex rule for email validation is not working in vuejs

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related