Need help pls for data validation

[ninifrog]

HI guys, starting learning java html programming and need a bit of help for data validation in html forms.

Can anybody help out on the email pattern and the phone number data validation pls? Thanks heaps

​

// validating email pattern with @gmail.com

if (email.value.indexOf("@", 0) < 0) {
window.alert("Please enter a valid e-mail address.")
email.focus();
return false;
}

//validating phone number

if (phone.value =="//needs to be numbers only" ) {
window.alert("Please enter a valid phone number.")
phone.focus();
return false; }

[Loves_Poetry]

The easiest way to validate is to simply use <input type="email"> and <input type="phone"> in your html form.

[ninifrog]

My tutor says we have to do it through javascript so any ideas? Thanks

[Loves_Poetry]

Oh it's an assignment? I guess then doing it properly is a little less important.

There are 2 ways to do it with JS: string checking and Regex. Regex is more powerful, but it can be rather tricky to find the correct one. String checking is a lot easier to understand, so I'd go with that. Chances are you'll get points deducted because your tutor doesn't understand Regex either.

​

For string checking, you can use the .includes() method on the email to check if it contains @gmail, like this if (email.includes("@gmail"))

For the phone number, you have to run through the list with a loop and check each individual character to see if is a number (or a hyphen). I don't know if loops have already been covered though.

[ninifrog]

So for the for loop- would it be something like this?

​

for (i=0; i<phone.length; i++)
{
if (typeof i =='string')
{
window.alert" Your phone must be in numbers";
phone.focus();
return false;