I am trying to validate my form on my website. and if it is not corret then to let the users know what is wrong with what they are entering.

This is my form.

This is the HTML

Name:

Email:

Phone

Company Name:

Bookkeeping

Tax

Accounting

I am not a robot

This is my javascript

const form = document.getElementById("myForm");

form.addEventListener("submit",(e)=>{

//e.preventDefault();

let name = document.getElementById("name").value;

let email = document.getElementById("emailf").value;

let phone = document.getElementById("tel").value;

let company = document.getElementById("company").value;

let regex = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;

if(name == "") {

alert("Name must be filled out");

}

if(email == "") {

alert("Email must be filled out");

}

if(phone == "") {

alert("Phone must be filled out");

}

if(company == "") {

alert("Company must be filled out");

}

if (email== regex){

alert("This matches!")

}

})

I am trying to check the email, and phone number. what am i doing wrong? and how can i fix this? i want to alert if there if something is wrong. thank you!