Date Validation - JavaScript Made Easy: Free JavaScripts Tutorials Example Code

Metachecker.net

|

TrafficChecker.net

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Date Validation

Checks if a date entered is in valid MM/DD/YYYY format. An excellent use of regular expressions for the initial validation routine as well. Also includes logical checks for invalid dates such as March 32 or February 29 if it is not a leap year. Awesome! Your Birth Date: (in MM/DD/YYYY format)


Insert into <HEAD>
<SCRIPT LANGUAGE="JavaScript"> <!-- Original: Sandeep V. Tamhankar (stamhankar@hotmail.com) --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin 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{2}\|\d{4})$/; // To require a 4 digit year entry, use this line instead: // 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>

Insert into <BODY>
<center> <form onSubmit="return isValidDate(this.date.value);"> Your Birth Date: <input type=text name=date size=10 maxlength=10> (in MM/DD/YYYY format) <input type=submit value="Submit Date"> </form> </center>

Other Options