asked on

JavaScript Age Validation not working on MOZILLA

I have this below JavaScript on one of my page to only allowed visitors with minimal age 21 to get in ... The problem is, this codes is NOT WORKING on MOZILLA ... :(
Would anybody help me fix the codes so MOZILLA will accept it .. or any suggestion?

<head>
<script type="text/javascript">
function Age21Min(f){

var dob=new Date();
var date=dob.getDate();
var month=dob.getMonth();
var year=dob.getYear();

var DaMonth=parseInt(document.getElementById("DaMonth").options[document.getElementById("DaMonth").selectedIndex].value);
var DaDay=parseInt(document.getElementById("DaDay").options[document.getElementById("DaDay").selectedIndex].value);
var DaYear=parseInt(document.getElementById("DaYear").options[document.getElementById("DaYear").selectedIndex].value);

age=year-DaYear;

if(DaMonth>month){age--;}
else{if(DaDay>=date){age--;}}

if(DaMonth==00){alert("Please enter your birth month!");return false;}
else if(DaDay==00){alert("Please enter your birth date!");return false;}
else if(DaYear==00){alert("Please enter your birth year!");return false;}
else if(age<21){alert("Enter our site only if you're 21");location.replace("http://www.google.com/");return false;}
else if(!document.getElementById("agree").checked){alert('Check the agree box to enter our site!');return false;}
else{return true;}

}
</script>
</head>

<body>
<form name="Only21" action="mainsite.html" onsubmit="return Age21Min(this)">
<input .. blah blah blah ..>
<input .. blah blah blah ..>
</body>

Zvonko

Check this:

<head>
<script type="text/javascript">
function Age21Min(f){

var dob=new Date();
var date=dob.getDate();
var month=dob.getMonth();
var year=dob.getYear();

var DaMonth=parseInt(f.DaMonth.value, 10);
var DaDay=parseInt(f.DaDay.value, 10);
var DaYear=parseInt(f.DaYear.value);

age=year-DaYear;

if(DaMonth>month){age--;}
else{if(DaDay>=date){age--;}}

if(DaMonth==00){alert("Please enter your birth month!");return false;}
else if(DaDay==00){alert("Please enter your birth date!");return false;}
else if(DaYear==00){alert("Please enter your birth year!");return false;}
else if(age<21){alert("Enter our site only if you're 21");location.replace("http://www.google.com/");return false;}
else if(!document.getElementById("agree").checked){alert('Check the agree box to enter our site!');return false;}
else{return true;}

}
</script>
</head>

<body>
<form name="Only21" action="mainsite.html" onsubmit="return Age21Min(this)">

Zvonko

Also the if's are not fool-proof.
Check this:

if(DaMonth>month){age--;}
else{if(DaMonth==month&&DaDay>=date){age--;}}

egolddude

ASKER

Okay 've been trying with yours:

<script type="text/javascript">
function Age21Min(f){

var dob=new Date();
var date=dob.getDate();
var month=dob.getMonth();
var year=dob.getYear();

var DaMonth=parseInt(f.DaMonth.value, 10);
var DaDay=parseInt(f.DaDay.value, 10);
var DaYear=parseInt(f.DaYear.value);

age=year-DaYear;

if(DaMonth>month){age--;}
else{if(DaMonth==month&&DaDay>=date){age--;}}

if(DaMonth==00){alert("Please enter your birth month!");return false;}
else if(DaDay==00){alert("Please enter your birth date!");return false;}
else if(DaYear==00){alert("Please enter your birth year!");return false;}
else if(age<21){alert("Enter our site only if you're 21");location.replace("http://www.google.com/");return false;}
else if(!document.getElementById("agree").checked){alert('Check the agree box to enter our site!');return false;}
else{return true;}

}
</script>

PROBLEM is:
On MOZILLA, the problem is still the same ... Yes it validates Month, Date, and Year if each has no value (or value is 00) (from a drop down box) ... but on the last checked (Year) it will pop "Enter our site only if you're 21" no matter what year I choosen.

Any solution? Please ...

Zvonko

What values do you have in DaYear ? 1960 or only 60?

egolddude

ASKER

For DaYear .. it is in 4 digits (except the "00" value) ... here's it the excerpt:

<select id="DaYear">
<option value="00">Year</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
</select>

gops1

Put the 00 within qoutes

if(DaMonth=="00"){.....}

ASKER CERTIFIED SOLUTION

Zvonko

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

egolddude

ASKER

Okay ... I've changed the codes to:

<script type="text/javascript">
function Age21Min(f){

var dob=new Date();
var date=dob.getDate();
var month=dob.getMonth();
var year=dob.getFullYear();

var DaMonth=parseInt(f.DaMonth.value, 10);
var DaDay=parseInt(f.DaDay.value, 10);
var DaYear=parseInt(f.DaYear.value);

age=year-DaYear;

if(DaMonth>month){age--;}
else{if(DaMonth==month&&DaDay>=date){age--;}}

if(DaMonth=="00"){alert("Please enter your birth month!");return false;}
else if(DaDay=="00"){alert("Please enter your birth date!");return false;}
else if(DaYear=="00"){alert("Please enter your birth year!");return false;}
else if(age<21){alert("Enter our site only if you're 21");location.replace("http://www.google.com/");return false;}
else if(!document.getElementById("agree").checked){alert('Check the agree box to enter our site!');return false;}
else{return true;}

}
</script>

And ...

you got the points ...

@"~"@