The JavaScript Source: Forms: Format Date

Click here

Home

Forms

Format Date

Automatically formats date fields as the user enters the information. Also validates the date when complete date has been entered. Cross browser compatible, including Netscape 6+. Great!

The JavaScript Source: Forms: Format Date
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

  <HEAD> <SCRIPT LANGUAGE="JavaScript">      </script> </HEAD>  <BODY onLoad="document.dateTest.testDateFormat1.focus()">  <form name=dateTest> <table border=0 width=400> <tr> <td> <table align=center border=1 width=400> <tr> <td bgcolor=blue width=75%> <font color=yellow>Enter 1st. Date - mm/dd/yyyy Format</font> </td> <td> <input type="text" name="testDateFormat1" size='10' maxlength="10" onFocus="javascript:vDateType='1'" onKeyUp="DateFormat(this,this.value,event,false,'1')" onBlur="DateFormat(this,this.value,event,true,'1')"> </td> </tr> </table> </td> </tr> <tr> <td> <table align=center border=1 width=400> <tr> <td bgcolor=blue width=75%> <font color=yellow>Enter 2nd. Date - yyyy/mm/dd Format</font> </td> <td> <input type="text" name="testDateFormat3" size='10' maxlength="10" onFocus="javascript:vDateType='2'" onKeyUp="DateFormat(this,this.value,event,false,'2')" onBlur="DateFormat(this,this.value,event,true,'2')"> </td> </tr> </table> </td> </tr> <tr> <td> <table align=center border=1 width=400> <tr> <td bgcolor=blue width=75%> <font color=yellow>Enter 3rd. Date - dd/mm/yyyy Format</font> </td> <td> <input type="text" name="testDateFormat5" size='10' maxlength="10" onFocus="javascript:vDateType='3'" onKeyUp="DateFormat(this,this.value,event,false,'3')" onBlur="DateFormat(this,this.value,event,true,'3')"> </td> </tr> </table> </td> </tr> <tr> <td> <table border=1> <tr> <td bgcolor=blue align=center> <font size=+1 color=yellow>Automatic Formatting For Date Fields</font> </td> </tr> <tr> <td> <table border=0> <tr> <td> <b>Navigator 4.x versions</b> </td> <td> Formatting will happen when all 8 numbers are entered. </td> </tr> <tr> <td> <b>Navigator 6.x versions</b> </td> <td> Formatting will happen as you enter the numbers. </td> </tr> <tr> <td> <b>IE versions</b> </td> <td> Formatting will happen as you enter the numbers. </td> </tr> </table> </td> </tr> <tr> <td align=center bgcolor=silver> <font size=+1 color=blue>Date Validation Will Occur As You Leave Field</font> </td> </tr> </table> </td> </tr> </table> </form> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> 
Did you use this script? Do you like this site? Please link to us!

Add a comment, suggestion, or correction

Click here

Sign up for the Web Development Daily Newsletter

internet.com Privacy Policy

[ Contact Us! ]
[ JavaScript Forum ]
[ Submit Your Script! ]

Click here