regarding date field validation

View Answers

November 7, 2008 at 1:06 PM

Hi friend,

<html>
<title>date validation in javascript</title>
<head>

<script language = "Javascript">
var date= "/";
var minYear=1900;
var maxYear=2100;

function isInteger(s){
var i;
for (i = 0; i < s.length; i++){
// Check that current character is number.
var c = s.charAt(i);
if (((c < "0") || (c > "9"))) return false;
}
// All characters are numbers.
return true;
}

function stripCharsInBag(s, bag){
var i;
var returnString = "";
// Search through string's characters one by one.
for (i = 0; i < s.length; i++){
var c = s.charAt(i);
if(bag.indexOf(c) == -1) returnString += c;
}
return returnString;
}

function daysInFebruary(year){
// February has 29 days in any year evenly divisible by four,
// EXCEPT for centurial years which are not also divisible by 400.
return (((year % 4 == 0) && ((!(year % 100 == 0)) || (year % 400 == 0))) ? 29 : 28 );
}
function DaysArray(n) {
for (var i = 1; i <= n; i++) {
this[i] = 31
if (i==4 || i==6 || i==9 || i==11) {this[i] = 30}
if (i==2) {this[i] = 29}
}
return this
}
function isDate(dtStr){
var daysInMonth = DaysArray(12)
var pos1=dtStr.indexOf(date)
var pos2=dtStr.indexOf(date,pos1+1)
var strMonth=dtStr.substring(0,pos1)
var strDay=dtStr.substring(pos1+1,pos2)
var strYear=dtStr.substring(pos2+1)
strYr=strYear
if (strDay.charAt(0)=="0" && strDay.length>1) strDay=strDay.substring(1)
if (strMonth.charAt(0)=="0" && strMonth.length>1) strMonth=strMonth.substring(1)
for (var i = 1; i <= 3; i++) {
if (strYr.charAt(0)=="0" && strYr.length>1) strYr=strYr.substring(1)
}
month=parseInt(strMonth)
day=parseInt(strDay)
year=parseInt(strYr)
if (pos1==-1 || pos2==-1){
alert("The date format should be : mm/dd/yyyy")
return false
}
if (strMonth.length<1 || month<1 || month>12){
alert("Please enter a valid month")
return false
}
if (strDay.length<1 || day<1 || day>31 || (month==2 && day>daysInFebruary(year)) || day > daysInMonth[month]){
alert("Please enter a valid day")
return false
}
if (strYear.length != 4 || year==0 || year<minYear || year>maxYear){
alert("Please enter a valid 4 digit year between "+minYear+" and "+maxYear)
return false
}
if (dtStr.indexOf(date,pos2+1)!=-1 || isInteger(stripCharsInBag(dtStr, date))==false){
alert("Please enter a valid date")
return false
}
return true
}

function ValidateForm(){
var dt=document.frmSample.txtDate
if (isDate(dt.value)==false){
dt.focus()
return false
}
return true
}

</script>
</head>

November 7, 2008 at 1:07 PM

<body>
<br></br>
<center>
<table border="1" width="50%" bgcolor="pink">
<tr>
<td width="100%">
<form name="frmSample" method="post" action="" onSubmit="return ValidateForm()">
<h2><font color="red">Data Validation</font></h2>
<table border="1" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td> <p>Enter a Date <font color="#CC0000"><b>(mm/dd/yyyy)</b></font>
: </td>
<td>
<input type="text" name="txtDate" maxlength="10" size="20">
</p></td>
</tr>
<tr>
<td><center>
<input type="submit" name="Submit" value="Submit">
<input type="reset" name="reset" value="Reset">
</center>
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</center>
</body>
</html>

---------------------------------

Amardeep

Thanks