onBlur event not calling javascript function
first textbox works with script as it should but uses a submit button. Second textbox what I am trying to get to work and use script as you leave the textbox. I am using onBlur but not working. See code below. Validating date input - enter incorrect date so you can see error notification.
<HTML>
<HEAD>
<TITLE>Life Connection Program Survey</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function isValidDate(dateStr) {
// Checks for the following valid date formats:
// MM/DD/YY MM/DD/YYYY MM-DD-YY MM-DD-YYYY
// Also separates date into month, day, and year variables
var datePat = /^(\d{1,2})(\/|-)(\d{1,2})\2(\d{4})$/;
var matchArray = dateStr.match(datePat); // is the format ok?
if (matchArray == null) {
alert("Date is not in a valid format.")
return false;
}
month = matchArray[1]; // parse date into variables
day = matchArray[3];
year = matchArray[4];
if (month < 1 || month > 12) { // check month range
alert("Month must be between 1 and 12.");
return false;
}
if (day < 1 || day > 31) {
alert("Day must be between 1 and 31.");
return false;
}
if ((month==4 || month==6 || month==9 || month==11) && day==31) {
alert("Month "+month+" doesn't have 31 days!")
return false;
}
if (month == 2) { // check for february 29th
var isleap = (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0));
if (day>29 || (day==29 && !isleap)) {
alert("February " + year + " doesn't have " + day + " days!");
return false;
}
}
return true; // date is valid
}
// End -->
</script>
</HEAD>
<BODY background="lgrey011.jpg" onLoad="do_on_load()" Name="CONT">
<center>
<form onSubmit="return isValidDate(this.date.value);">
Program End Date: <input type=text name=date size=10 maxlength=10> (in MM/DD/YYYY format)
<input type=submit value="Submit Date">
</form>
</center>
<center>
<form name=LCPSurvey method=get action=LCPSurvey.php>
Program End Date: <input type=text name=date size=10 maxlength=10 onblur="isValidDate()"> (in MM/DD/YYYY format)
</form>
</center>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Life Connection Program Survey</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function isValidDate(dateStr) {
// Checks for the following valid date formats:
// MM/DD/YY MM/DD/YYYY MM-DD-YY MM-DD-YYYY
// Also separates date into month, day, and year variables
var datePat = /^(\d{1,2})(\/|-)(\d{1,2})\2(\d{4})$/;
var matchArray = dateStr.match(datePat); // is the format ok?
if (matchArray == null) {
alert("Date is not in a valid format.")
return false;
}
month = matchArray[1]; // parse date into variables
day = matchArray[3];
year = matchArray[4];
if (month < 1 || month > 12) { // check month range
alert("Month must be between 1 and 12.");
return false;
}
if (day < 1 || day > 31) {
alert("Day must be between 1 and 31.");
return false;
}
if ((month==4 || month==6 || month==9 || month==11) && day==31) {
alert("Month "+month+" doesn't have 31 days!")
return false;
}
if (month == 2) { // check for february 29th
var isleap = (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0));
if (day>29 || (day==29 && !isleap)) {
alert("February " + year + " doesn't have " + day + " days!");
return false;
}
}
return true; // date is valid
}
// End -->
</script>
</HEAD>
<BODY background="lgrey011.jpg" onLoad="do_on_load()" Name="CONT">
<center>
<form onSubmit="return isValidDate(this.date.value);">
Program End Date: <input type=text name=date size=10 maxlength=10> (in MM/DD/YYYY format)
<input type=submit value="Submit Date">
</form>
</center>
<center>
<form name=LCPSurvey method=get action=LCPSurvey.php>
Program End Date: <input type=text name=date size=10 maxlength=10 onblur="isValidDate()"> (in MM/DD/YYYY format)
</form>
</center>
</BODY>
</HTML>
ASKED:
Apr 10, 2009 7:17 PM GMT
UPDATED:
April 22, 2009 4:02:49 PM GMT
RELATED QUESTIONS
- AS/400 date format
- generate calender with SQL or PL/SQL
- Error: 'd.getElementById(...)'is null or not object(show in main web page)
- How to change name of file to include date in the name of the file
- Date formats and Microsoft Analysis Services
- Please review the code and tel me the solution code is given blew,thanks.........Error: 'd.getElementById(...)'is null or not object(sh
- Changing field format in Access 2003
- mainframe db2 - get current month and year
- Date Format Change to dd/mm/yyyy
- UDF returning DATE always fails
Answer Wiki:
you are right, I needed to drop the date out of (this.date.value)
got it working. thanks for your help
Have you tried onblur="isValidDate(this.value)">
Earl
http://www.duckin4printing.com/
got it working. thanks for your help
Have you tried onblur="isValidDate(this.value)">
Earl
http://www.duckin4printing.com/
20 pts.
To see other answers submitted to the Answer Wiki View Answer History.
