Here's an example of checking that a date is valid and within a given range.
Code:
<html>
<head>
<title>Date Validation Test</title>
<script language="javascript" type="text/javascript">
// this is the function to call from a button or event handler
function Validate()
{
// construct today's date without the time element
var dtTemp = new Date();
var dtToday = new Date(dtTemp.getFullYear(), dtTemp.getMonth(), dtTemp.getDate());
// check the date is OK
// CHANGE frmTest.txtDate TO YOUR FORM AND FIELD NAMES
if ( CheckValidDate(document.frmTest.txtDate.value, dtToday, null) )
{
// action if date OK
alert("date OK");
}
else
{
// action if check failed
alert("bad date");
}
}
// function to check dates
// if MinDate or MaxDate not required just pass null there
function CheckValidDate(sValueToTest, dtMinDate, dtMaxDate)
{
var cYEAR = 2, cMONTH = 1, cDAY = 0; // ### change these for other date formats
var bOK = true;
// attempt to convert to a date (assume dd/mm/yyyy format)
var dtValueToTest;
var aDate;
try
{
// ### change this for other date formats ###
aDate = sValueToTest.split("\/");
dtValueToTest = new Date(aDate[cYEAR], aDate[cMONTH] - 1, aDate[cDAY]);
if ( isNaN(dtValueToTest) )
{
bOK = false;
}
}
catch (e)
{
bOK = false;
}
// if the date conversion succeeded, check its the actual date that was input
// (e.g. it will accept 31/2/2003 but will change it to 3/3/2003)
if (bOK)
{
// is it the same year?
if (aDate[cYEAR] != dtValueToTest.getFullYear())
bOK = false;
// is it the same month?
if (aDate[cMONTH] != 1 + dtValueToTest.getMonth())
bOK = false;
// is it the same day?
if (aDate[cDAY] != dtValueToTest.getDate())
bOK = false;
}
// min value test
if (bOK && dtMinDate)
{
if (dtValueToTest < dtMinDate)
{
bOK = false;
}
}
// max value test
if (bOK && dtMaxDate)
{
if (dtValueToTest > dtMaxDate)
{
bOK = false;
}
}
return (bOK);
}
</script>
</head>
<body>
<form action="foo.htm" method="POST" id="frmTest" name="frmTest">
<input type="text" id="txtDate" name="txtDate">
<input type="button" value="Validate" onclick="Validate();">
</form>
</body>
</html>
Do you use dd.mm.yyyy date format in Sweden? If so change this line
aDate = sValueToTest.split("\/");
to
aDate = sValueToTest.split(".");
any questions just ask.
hth
Phil
date validation
