Hi Guys,
im trying to get my form to validate i have it all set out but it just dosnt seem to be validating, would anyone be able to take a look at my code and point me in the right direction?
here is my java script:
CODE
<script>
function Validate(){
var Name = document.myform.firstname.value
var Surname = document.myform.surname.value
var Suburb = document.myform.Suburb.value
var Address = document.myform.address.value
var DOB = new Date(document.myform.DOB.value)
var Postcode = document.myform.Postcode.value
var Phone = document.myform.Phone.test.value
var Email = document.myform.Email.value
var Username = document.myform.Username.value
var Password = document.myform.pass1.value
var Retype = document.myform.pass2.value
document.myform.Name.select
if (Name == ""){
alert("Name required")
document.myform.firstname.select.focus()
return false
}
if (Surname == ""){
alert("Surname required")
document.myform.surname.select.focus()
return false
}
if (document.myform.address.value) {
alert ("Enter a suburb")
document.myform.address.select.focus()
return false
}
if (document.myform.suburb.value) {
alert ("Enter a suburb")
document.myform.suburb.select.focus()
return false
}
else if (DOB == "NaN") {
alert("DOB required in the format DD/MM/YYYY")
document.myform.DOB.select.focus()
return false
}
else if (Postcode.length != 4){
alert("Postcode Required");
document.myform.Postcode.select.focus()
return false
}
else if (isNaN(Postcode) == true){
alert("Postcode must be a four digit number.");
document.myform.Postcode.select.focus()
return false
}
function isPhoneNumber(s)
{
Phone = new RegExp(/^\([1-9]\d{2}\)\s?\d{3}\-\d{4}$/);
if (!Phone.test(s)) {
alert("Phone Number Must Be Entered As: (555) 555-1234");
return false;
}
return true;
}
else if (Email.indexOf("@") == -1){
alert("Valid Email Address Required");
document.myform.Email.select.focus()
return false
}
function checkData() {
if (document.form.username.value.length <= 0) {
alert ("Enter a Username.");
document.myform.username.focus();
return false
}
if (document.myform.pass1.value.length.select.focus < 20) {
alert ("Enter a password at least between 4 and 20 characters long")
return false
}
if (document.myform.pass2.value != document.myform.pass2.value.select.focus) {
alert ("Your confirmed password does not match the entered password")
return false
}
}
</script>
and here is my html:
CODE
<body>
<h1>Form Validation</h1>
<form name="myform" onSubmit="return Validate()">
Name:<input type=text name="firstname"><br>
Surname:<input type=text name="surname"><br>
Address:<input type=text name="address"><br>
Suburb:<input type=text name="suburb"><br>
Date of Birth (DD/MM/YYYY): <input type="text" name="DOB"> <br>
Postcode: <input type="text" name="Postcode"><br>
Phone: <input type=text name="phone"><br>
Email: <input type="text" name="Email"><br>
Username: <input type="text" name="Username"><br>
Password: <input type="text" name="pass1"><br>
Retype: <input type="text" name="pass2"><br>
<input type="submit" value="Submit"><br>
<input type="reset" value="Reset">
</form>
</body>
Thanks in advance!
Regards
Randall.
18 Jun, 2008 - 08:37 PM
|