email validation is not working in javascript?

Question

I have for a frontendmentorchallenge tried to do email validation for webpage. I have made a validation function to display error message when there is wrong email id entered. But it isn't working. I have given the html and JavaScript

function validate() {
  var email = document.getElementById("email").value;
  var reg = "^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$";
  var result = reg.test(email);

  if (result == false) {
    alert("sorry");
    return false;
  }
  return true;
}

<form action="#" method="post" onsubmit="return validate()">
  <div class="inputgrp">
    <input type="text" placeholder="Email Address" id="email">
    <img src="/images/icon-error.svg" alt="" class="error">
    <button type="submit"><img src="/images/icon-arrow.svg " ></button>

    <div class="errormsg">
      <small>please provide a valid Email</small>
    </div>
  </div>
</form>

I for one cannot email you. My email has 4 chars at the end. Change your quotes to / in the reg and remove the 3 so I also can email you: var reg = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,}$/; — mplungjan
– mplungjan, Commented Sep 1, 2022 at 10:58
One problem is that var reg= "^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$"; does not create a regex, but a string. To create a regex use this: var reg= /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/; — PiFanatic
– PiFanatic, Commented Sep 1, 2022 at 11:00
Why not just use the email type: <input type="email" required />, and have the validation done for you? — Andy
– Andy, Commented Sep 1, 2022 at 11:08

Mohammed El Banyaoui · Accepted Answer · 2022-09-01 11:05:04Z

3

To create a regex use

 var reg = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/;

you have created only a string, and there is no test method on string

answered Sep 1, 2022 at 11:05

Mohammed El Banyaoui

5273 silver badges7 bronze badges

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

Comments

Oleg Barabanov · Accepted Answer · 2022-09-06 09:25:17Z

3

My problem has been resolved. The problem is i created a string instead of creating RegExp.

So i changed var reg = "^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$"; to the correct format as:

var reg = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/;

Thanks for those who answered my question. I posting this answer because in future it might be helpful to somebody.

edited Sep 6, 2022 at 9:25

Oleg Barabanov

2,7622 gold badges12 silver badges21 bronze badges

answered Sep 1, 2022 at 12:31

Najad

1353 silver badges10 bronze badges

1 Comment

TomSawyer Jan 3 at 5:05

It won't work with domains like 123abc . com, the [a-zA-Z_] rules restrict the domain name

RorinL · Accepted Answer · 2022-09-01 11:01:37Z

-1

such as

var reg= /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/;
var result= reg.test("[email protected]");
console.log(result)
// VM1103:3 true

answered Sep 1, 2022 at 11:01

RorinL

1028 bronze badges

1 Comment

mplungjan Over a year ago

1. Please do not answer typo-type trivial questions that will have the answers in the comment to the question. 2. Please comment your answer with what you changed and why

Collectives™ on Stack Overflow

email validation is not working in javascript?

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related