Field Level Validation - Date Mask

Question

Hi all
I need some Java Script to validate a date mask in a field. Format must be:
dd-mm-ccyy.
Can anyone help me?
Thanks

Answer 1

Here is a copy of the script I set up to do validation.
I not only wanted it to check for a valid date,
but I wanted to store leading zeros, but not make the user type them in.
One of the things you have to do is to set the format mask for the date to MM-DD-YYYY for each date field in your form.
Here it is:
var DayArray =new Array(31,28,31,30,31,30,31,31,30,31,30,31);
var MonthArray =new Array("01","02","03","04","05","06","07","08","09","10","11","12");
var firstDash = null;
var lastDash = null;
var inYear = null;
var inMon = null;
var inDay = null;
var today = new Date();
var curFullYear = today.getFullYear();
var strYear = String(curFullYear);
var thisCentury = strYear.slice(0,2);
var thisYear = strYear.slice(2);
var numThisYear = Number(thisYear);
inDate = theElement.value;
if (inDate.length == 0) return true;
/* Check for a valid format. */
var filter=/^[0-9]{1,2}-[0-9]{1,2}-[0-9]{2,4}$/;
if (! filter.test(inDate))
{ alert("Please enter date in MM-DD-YY or MM-DD-YYYY format.");
theElement.focus();
theElement.select();
return false;
/* Pick off the indices (zero-based) of the two dashes. */
firstDash = inDate.indexOf("-");
lastDash = inDate.lastIndexOf("-");
if ((firstDash == lastDash) | | (firstDash == -1) | | (lastDash == -1))
alert("Please enter date using dashes (-), e.g. MM-DD-YY or MM-DD-YYYY.");
theElement.focus();
theElement.select();
return false;
/* Pick off the month and day (pad with leading zero, if necessary). */
inMonth = inDate.slice(0,firstDash);
if (inMonth.length == 1) inMonth = "0" + inMonth;
inDay = inDate.slice(firstDash+1,lastDash);
if (inDay.length == 1) inDay = "0" + inDay;
/* Pick off the year. Filter ensures 2, 3, or 4 digit year. 4 is what we */
/* want, so we only have to deal with 2 or 3 digit years. */
inYear = inDate.slice(lastDash+1);
/* If the user entered a two digit year, figure out which century to pad. */
if (inYear.length == 2)
/* Adding 5 years is still within the current century... */
if ((numThisYear + 5) < 100)
/* 00 to (current year + 5 years) should use the current */
/* century; otherwise, use the previous century. */
if (inYear > (numThisYear + 5))
inYear = (thisCentury - 1) + inYear;
else
inYear = thisCentury + inYear;
else
/* Adding 5 years would rollover the century, use the current century */
inYear = thisCentury + inYear;
/* A 3 digit year is an error. */
if (inYear.length == 3)
alert("Please enter date with either a 2 digit or 4 digit year.");
theElement.focus();
theElement.select();
return false;
/* Check for a valid month. */
var filter=/01|02|03|04|05|06|07|08|09|10|11|12/;
if (! filter.test(inMonth))
alert("Please enter a valid month.");
theElement.focus();
theElement.select();
return false;
/* Check for leap year. */
N=Number(inYear);
if ( ( N%4==0 && N%100 !=0 ) &#0124; &#0124; ( N%400==0 ) )
DayArray[1]=29;
/* Check for valid days for the month. */
for(var ctr=0; ctr<=11; ctr++)
if (MonthArray[ctr]==inMonth)
if (inDay > DayArray[ctr] &#0124; &#0124; inDay <= 0)
alert("Please enter a valid day.");
theElement.focus();
theElement.select();
return false;
/* Output the fixed up date. */
theElement.value = inMonth + "-" + inDay + "-" + inYear;
return true;
Regards,
Rene'