Date Validation

ramesh055 · November 14th, 2006, 01:29 PM

sir/madam,

I have a problem with datatime.
I drag 3 DropDownList in some aspx page and add items as month, days and year in the respective DropDownList.
Now i want to add numbers in days_DDL according to the no. of days the particular month have.eg- when user select February from month DropDownList then month_DDL should display only upto 28 days so that user cannot enter INVALID date as 30 Feb 2000 or something like that.
So i want valid date from user in the above prescribed manner.

can i write javascript for that so when user select the page does not go back to the server and take the immediate effect without flashback.

so please help to solve the problem..... and if possible with some code also.....

Thanks

mike_remember · November 15th, 2006, 11:09 AM

Hi

You can simply copy and paste the code below in notepad, save it as htm to see the result, but remember, I have not written the code here to validate leap year, that's the task for you.

<HTML><HEAD><TITLE>monthdays</TITLE>

<SCRIPT>
            function FillDays(ID)
            {
                switch(ID)
                {
                    case "1":AddDays("31"); break;case "2":AddDays("28");break;case "3":AddDays("31");break;
                    case "4":AddDays("30");break;case "5":AddDays("31");break;case "6":AddDays("30");break;
                    case "7":AddDays("31");break;case "8":AddDays("31");break;case "9":AddDays("30");break;
                    case "10":AddDays("31");break;case "11":AddDays("30");break;case "12":AddDays("31");break;
                }
            }

            function AddDays(Total)
            {

                //Add items
                for (var j = 1; j <= Total; j ++)
                {
                    //Set text and value fields of dropdown
                    var optn = document.createElement("OPTION");
                    optn.text = j;
                    optn.value = j;

                    //Add items
                    document.getElementById("lstDays").options.add(opt n);

                }
            }
        </SCRIPT>
</HEAD>
<BODY>
<SELECT
id=lstMonth onchange=FillDays(this.value)> <OPTION value=0
  selected>Select</OPTION> <OPTION value=1>Jan</OPTION> <OPTION
  value=2>Feb</OPTION> <OPTION value=3>Mar</OPTION> <OPTION value=4>Apr</OPTION>
  <OPTION value=5>May</OPTION> <OPTION value=6>Jun</OPTION> <OPTION
  value=7>Jul</OPTION> <OPTION value=8>Aug</OPTION> <OPTION value=9>Sep</OPTION>
  <OPTION value=10>Oct</OPTION> <OPTION value=11>Nov</OPTION> <OPTION
  value=12>Dec</OPTION></SELECT> <SELECT id=lstDays></SELECT>
</BODY></HTML>

Regards
Mike

Fortune favours the brave, so don't regret on missed oppurtunities.