We help IT Professionals succeed at work.

JavaScript Age Validation not working on MOZILLA

egolddude
egolddude asked
on
Medium Priority
502 Views
Last Modified: 2008-01-09
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>
Comment
Watch Question

ZvonkoSystems architect
CERTIFIED EXPERT
Top Expert 2006

Commented:
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)">


ZvonkoSystems architect
CERTIFIED EXPERT
Top Expert 2006

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

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


Author

Commented:
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 ...
ZvonkoSystems architect
CERTIFIED EXPERT
Top Expert 2006

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

Author

Commented:
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>

Commented:
Put the 00 within qoutes

if(DaMonth=="00"){.....}
Systems architect
CERTIFIED EXPERT
Top Expert 2006
Commented:
Use instead of this:
var year=dob.getYear();

Better this:
var year=dob.getFullYear();

Not the solution you were looking for? Getting a personalized solution is easy.

Ask the Experts

Author

Commented:
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 ...

@"~"@
Access more of Experts Exchange with a free account
Thanks for using Experts Exchange.

Create a free account to continue.

Limited access with a free account allows you to:

  • View three pieces of content (articles, solutions, posts, and videos)
  • Ask the experts questions (counted toward content limit)
  • Customize your dashboard and profile

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.