How can I validate email ??

Question

I get error when I use regex even if format Is correct, what can I do??
https://code.sololearn.com/WwS85Z1XaK3C/?ref=app

Answer 1

However, there is a small bug in how you get the email value from the input field. You must get the value inside the "click" event handler because in the current code, the email value is retrieved once on page load and is not updated every time the button is clicked.

let submit = document.querySelector("#submit");
let validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;

submit.addEventListener("click", () => {
let email = document.querySelector("#email").value;
if (email.match(validRegex)) {
console.log("true");
} else {
console.log("false");
}
});

Answer 2

I see hence why you put the email element inside the eventListener so the every time you click the button it renews or atleast check the new value...