i am new to web design and have to create a username textbox (must be email), with 2 password validations textboxes. I have my function but obviously something here is wrong, because nothing at all is happening when i click submit. can someone help me ? thanks in advance for the help guys!!
<html>
<head>
<script language="JavaScript" type="javascript/text">
<!--
function CreateAcct(element) {
var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
if (!emailPattern.test(element.username.value)){
alert("Error! Please re-enter a valid address!");
document.form1.username.focus();
return false;
}
var passwordPattern = /^[a-zA-Z0=9]{8,10}$/;
if (!passwordPatterm.test(element.password.value)){
alert("Error! Password must be 8 to 10 characters");
document.form1.password.focus();
return false;
}
var passwordPattern = /^[a-zA-Z0=9]{8,10}$/;
if (!passwordPatterm.test(element.confirmpassword.val ue)){
alert("Error! Password confirmation must be 8 to 10 characters");
document.form1.confirmpassword.focus();
return false;
}
if (element.password.value!=element.confirmpassword.v alue){
alert("Error! Please enter same passwords!");
document.form1.password.focus();
return false;
} else {
alert("Thank you for completing the form!");
return true;}
}
//-->
</script>
</head>
<body>
<form name="form1" onsubmit="return CreateAcct(this)">
Username (Required - must be a valid email address): <input type="text" name="username" value=""><br>
Password (Required): <input type="password" name="password" value="" ><br>
Confirm Password (Required): <input type="password" name="confirmpassword" value=""><br>
<input type=submit value="Submit">
</form>
</body>
</html>