Confirm Email Address

[JohnSmith1992]

I have the following but the validation isn't working any ideas? I basically want it to validate the email and then validate the confirm email address. The confirm email address should match the email address input. Thanks.

function checkData() {
warn = "";
	df = document.buytickets;
	errorLayer = document.getElementById("error");
if(df.emailAddress.value != "") {
		warn += "Email Address\n";
		}
if(email == confirmEmail) {
		warn += "Confirm Email Address\n";
		}
if(warn == "") { return true; }
	else {
		warn = "Please correct the following:\n\n" + warn;
		errorLayer.innerHTML = warn;
		return false;
		}
	}

<form name="buytickets" id="buytickets" onsubmit="return checkData()">
<input type="text" id="emailAddress" />
<input type="text" id="confirmEmailAddress"/>
</form>
<div id="error"></div>

[WolfShade]

You have the logic reversed.

if(df.emailAddress.value != "") {
		warn += "Email Address\n";
		}

This is saying "If the email address field is NOT blank, throw a warning."

if(email == confirmEmail) {
		warn += "Confirm Email Address\n";
		}

This is saying "If the email and confirm fields match, throw a warning."

function checkData() {
warn = "";
	df = document.buytickets;
	errorLayer = document.getElementById("error");
if(df.emailAddress.value == "") {
		warn += "Email Address\n";
		}
if(df.emailAddress.value != df.confirmEmail.value) {
		warn += "Confirm Email Address does not match Email Address\n";
		}
if(warn == "") { return true; }
	else {
		warn = "Please correct the following:\n\n" + warn;
		errorLayer.innerHTML = warn;
		return false;
		}
	}

This is how it should look.

^_^

PS.. looking at it, since the error message is not being displayed in an alert box, replace all instances of "\n" with "<br />".

PPS.. also, all this does is check for SOMETHING in the fields. If you want to make sure that the email address is in a particular format (user@domain.com), then we can use Regular Expressions for a mask.

[JohnSmith1992]

Thanks Wolfshade, I corrected the javascript and it now works. I would like to apply regular expressions but I am unsure about the syntax. Please could you provide an example...such as the email field:

if(df.emailAddress.value != "") {
		warn += "Email Address\n";
		}

Thanks again

[WolfShade]

I sent you a PM with some RegEx masks for validation.

For email validation, I usually do the following:

...
			if(df.emailTo.value.length < 6) {
				warn += "Please enter a valid TO: email address.\n";				}
			else {
				if(!checkEmail(df.emailTo.value)) { // Exclamation mark means 'not', 'false', or just plain 'didnt'
					warn += "Please make sure TO: email address is valid.\n";					}
				}
...

And then I'll have another function for checking the format:

function checkEmail(inputvalue){	
    var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;
    if(pattern.test(inputvalue)){         
		return true;   
    }else{   
		return false; 
    }
}

^_^