Age checker, neem to fill in day and month mandatory

**ZUser1** · 03-03-2013 06:01 AM

Hi there, Ive got the following problem:

Code:

Code:

	<script language="javascript">
		function checkAge()
		{
			/* the minumum age you want to allow in */
			var min_age = 16;

			/* change "age_form" to whatever your form has for a name="..." */
			var year = parseInt(document.forms["age_form"]["year"].value);
			var month = parseInt(document.forms["age_form"]["month"].value) - 1;
			var day = parseInt(document.forms["age_form"]["day"].value);

			var theirDate = new Date((year + min_age), month, day);
			var today = new Date;
			 
			
			if ( (today.getTime() - theirDate.getTime()) < 0) {
				alert("Youre too young!");
				return false;
			}
			else {
				return true;
			}
		}
	</script>

This code above works, and when submitted the form, it checks the age for the minimum of 16. As you can see.

Ive got a problem that it doesnt look at the days / month given.
Default the list is set at a value of 00.

I would like to add some additional JS code to check if the day and month have been given.
If not given. An alert box popup with a message will be displayed.

How would be that be achieved? Any advice is more than welcome since im a JS noob. Thanks!

**JMRKER** · 03-03-2013 12:37 PM

Try this change...

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title> Untitled </title>
<script type="text/javascript">

</script>

<style type="text/css">

</style>
</head>
<body>
<form name="age_form" action="" method="post" onsubmit="return false">
 <select name="month" id="month"></select>
 <select name="day" id="day"></select>
 <select name="year" id="year"></select>
 <button onclick="checkAge()">Check Age</button>
</form>

<script type="text/javascript">
function checkAge() {
/* the minumum age you want to allow in */
  var min_age = 16;

/* change "age_form" to whatever your form has for a name="..." */
  var year = parseInt(document.age_form.year.value);
  var month = parseInt(document.age_form.month.value) - 1;
  var day = parseInt(document.age_form.day.value);

  var theirDate = new Date((year + min_age), month, day);
  var today = new Date();
			
  if ( (today - theirDate)< 0) {
    alert("You're too young!");
    return false;
  } else {
    return true;
  }
}
Array.prototype.applySelect = function(IDS) {
  var tarr = [];
  tarr.push('<option value="">'+this[0]+'</option>');
  for (var i=1; i<this.length; i++) {tarr.push('<option value="'+this[i]+'">'+this[i]+'</option>'); }
  document.getElementById(IDS).innerHTML = tarr.join('\n');
  return;
}

var now = new Date();
window.onload = function() {
  ['Month','1','2','3','4','5','6','7','8','9','10','11','12'].applySelect('month');
  var tarr = [];
  tarr.push('Day');  for (var i=1; i<32; i++) { tarr[i] = i; }  
  tarr.applySelect('day');
  tarr = [];
  tarr.push('Year');  
  var yr = now.getFullYear();
  for (var i=0; i<21; i++) { tarr.push(yr-i); }  
  tarr.push((yr-21).toString()+' or before');
  tarr.applySelect('year');
}
</script>

</body>
</html>

Thread: Age checker, neem to fill in day and month mandatory

Thread Tools

Display

Age checker, neem to fill in day and month mandatory

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions