title: Select box Date validation in javascript
body: <p>I am not even new to javascript. just learning through some tutorials, but i have three slelct boxes in html as follows.</p>
  
  <p>Html form.</p>
  
  <pre><code>&lt;table&gt;
  &lt;form id="enrolment" name="enrolment"  onsubmit="return datevalidate();" action=""    method="POST" &gt;
  &lt;div style="text-align: center"&gt;&lt;h3&gt;Enrolement Form&lt;/h3&gt;&lt;/div&gt;
  &lt;hr&gt;
  &lt;div style="text-align: center"&gt;&lt;h4&gt;Personal details.&lt;/h4&gt;&lt;/div&gt;
  &lt;hr&gt;
  &lt;tr&gt;
  &lt;td align="left"&gt;Course Date:&lt;/td&gt;
  &lt;td align="left"&gt; 
  &lt;select name="Coursedate" id="Coursedate"&gt;
  &lt;option selected="" value="Default"&gt;Date&lt;/option&gt;
  &lt;option value="1"&gt;1&lt;/option&gt;
  &lt;option value="2"&gt;2&lt;/optio
  
  n&gt;
  &lt;option value="3"&gt;3&lt;/option&gt;
  &lt;option value="4"&gt;4&lt;/option&gt;
  &lt;option value="5"&gt;5&lt;/option&gt;
  &lt;option value="6"&gt;6&lt;/option&gt;
  &lt;option value="7"&gt;7&lt;/option&gt;
  &lt;option value="8"&gt;8&lt;/option&gt;
  &lt;option value="9"&gt;9&lt;/option&gt;
  &lt;option value="10"&gt;10&lt;/option&gt;
  &lt;option value="11"&gt;11&lt;/option&gt;
  &lt;option value="12"&gt;12&lt;/option&gt;
  &lt;option value="13"&gt;13&lt;/option&gt;
  &lt;option value="14"&gt;14&lt;/option&gt;
  &lt;option value="15"&gt;15&lt;/option&gt;
  &lt;option value="16"&gt;16&lt;/option&gt;
  &lt;option value="17"&gt;17&lt;/option&gt;
  &lt;option value="18"&gt;18&lt;/option&gt;
  &lt;option value="19"&gt;19&lt;/option&gt;
  &lt;option value="20"&gt;20&lt;/option&gt;
  &lt;option value="21"&gt;21&lt;/option&gt;
  &lt;option value="22"&gt;22&lt;/option&gt;
  &lt;option value="23"&gt;23&lt;/option&gt;
  &lt;option value="24"&gt;24&lt;/option&gt;
  &lt;option value="25"&gt;25&lt;/option&gt;
  &lt;option value="26"&gt;26&lt;/option&gt;
  &lt;option value="27"&gt;27&lt;/option&gt;
  &lt;option value="28"&gt;28&lt;/option&gt;
  &lt;option value="29"&gt;29&lt;/option&gt;
  &lt;option value="30"&gt;30&lt;/option&gt;
  &lt;option value="31"&gt;31&lt;/option&gt;
  &lt;/select&gt;
  &lt;select name="coursemonth" id="coursemonth"&gt;
  &lt;option selected="" value="Default"&gt;Month&lt;/option&gt;
  &lt;option value="01"&gt;01&lt;/option&gt;
  &lt;option value="02"&gt;02&lt;/option&gt;
  &lt;option value="03"&gt;03&lt;/option&gt;
  &lt;option value="04"&gt;04&lt;/option&gt;
  &lt;option value="05"&gt;05&lt;/option&gt;
  &lt;option value="06"&gt;06&lt;/option&gt;
  &lt;option value="07"&gt;07&lt;/option&gt;
  &lt;option value="08"&gt;08&lt;/option&gt;
  &lt;option value="09"&gt;09&lt;/option&gt;
  &lt;option value="10"&gt;10&lt;/option&gt;
  &lt;option value="11"&gt;11&lt;/option&gt;
  &lt;option value="12"&gt;12&lt;/option&gt;
  &lt;/select&gt;
  &lt;select name="courseyear" id="courseyear"&gt;
  &lt;option selected="" value="Default"&gt;year&lt;/option&gt;
  &lt;option value="2014"&gt;2014&lt;/option&gt;
  &lt;option value="2013"&gt;2013&lt;/option&gt;
  &lt;option value="2012"&gt;2012&lt;/option&gt;
  &lt;option value="2011"&gt;2011&lt;/option&gt;
  &lt;option value="2010"&gt;2010&lt;/option&gt;
  &lt;option value="2009"&gt;2009&lt;/option&gt;
  &lt;option value="2008"&gt;2008&lt;/option&gt;
  &lt;option value="2007"&gt;2007&lt;/option&gt;
  &lt;option value="2006"&gt;2006&lt;/option&gt;
  &lt;option value="2005"&gt;2005&lt;/option&gt;
  &lt;option value="2004"&gt;2004&lt;/option&gt;
  &lt;option value="2003"&gt;2003&lt;/option&gt;
  &lt;option value="2002"&gt;2002&lt;/option&gt;
  &lt;option value="2001"&gt;2001&lt;/option&gt;
  &lt;option value="2000"&gt;2000&lt;/option&gt;
  &lt;option value="1999"&gt;1999&lt;/option&gt;
  &lt;option value="1998"&gt;1998&lt;/option&gt;
  &lt;option value="1997"&gt;1997&lt;/option&gt;
  &lt;option value="1996"&gt;1996&lt;/option&gt;
  &lt;option value="1995"&gt;1995&lt;/option&gt;
  &lt;option value="1994"&gt;1994&lt;/option&gt;
  &lt;option value="1993"&gt;1993&lt;/option&gt;
  &lt;option value="1992"&gt;1992&lt;/option&gt;
  &lt;option value="1991"&gt;1991&lt;/option&gt;
  &lt;option value="1990"&gt;1990&lt;/option&gt;
  &lt;option value="1989"&gt;1989&lt;/option&gt;
  &lt;option value="1988"&gt;1988&lt;/option&gt;
  &lt;option value="1987"&gt;1987&lt;/option&gt;
  &lt;option value="1986"&gt;1986&lt;/option&gt;
  &lt;option value="1985"&gt;1985&lt;/option&gt;
  &lt;option value="1984"&gt;1984&lt;/option&gt;
  &lt;option value="1983"&gt;1983&lt;/option&gt;
  &lt;option value="1982"&gt;1982&lt;/option&gt;
  &lt;option value="1981"&gt;1981&lt;/option&gt;
  &lt;option value="1980"&gt;1980&lt;/option&gt;
  &lt;option value="1979"&gt;1979&lt;/option&gt;
  &lt;option value="1978"&gt;1978&lt;/option&gt;
  &lt;option value="1977"&gt;1977&lt;/option&gt;
  &lt;option value="1976"&gt;1976&lt;/option&gt;
  &lt;option value="1975"&gt;1975&lt;/option&gt;
  &lt;option value="1974"&gt;1974&lt;/option&gt;
  &lt;option value="1973"&gt;1973&lt;/option&gt;
  &lt;option value="1972"&gt;1972&lt;/option&gt;
  &lt;option value="1971"&gt;1971&lt;/option&gt;
  &lt;option value="1970"&gt;1970&lt;/option&gt;
  &lt;option value="1969"&gt;1969&lt;/option&gt;
  &lt;option value="1968"&gt;1968&lt;/option&gt;
  &lt;option value="1967"&gt;1967&lt;/option&gt;
  &lt;option value="1966"&gt;1966&lt;/option&gt;
  &lt;option value="1965"&gt;1965&lt;/option&gt;
  &lt;option value="1964"&gt;1964&lt;/option&gt;
  &lt;option value="1963"&gt;1963&lt;/option&gt;
  &lt;option value="1962"&gt;1962&lt;/option&gt;
  &lt;option value="1961"&gt;1961&lt;/option&gt;
  &lt;option value="1960"&gt;1960&lt;/option&gt;
  &lt;option value="1959"&gt;1959&lt;/option&gt;
  &lt;option value="1958"&gt;1958&lt;/option&gt;
  &lt;option value="1957"&gt;1957&lt;/option&gt;
  &lt;option value="1956"&gt;1956&lt;/option&gt;
  &lt;option value="1955"&gt;1955&lt;/option&gt;
  &lt;option value="1954"&gt;1954&lt;/option&gt;
  &lt;option value="1953"&gt;1953&lt;/option&gt;
  &lt;option value="1952"&gt;1952&lt;/option&gt;
  &lt;option value="1951"&gt;1951&lt;/option&gt;
  &lt;option value="1950"&gt;1950&lt;/option&gt;
  &lt;option value="1949"&gt;1949&lt;/option&gt;
  &lt;option value="1948"&gt;1948&lt;/option&gt;
  &lt;option value="1947"&gt;1947&lt;/option&gt;
  &lt;option value="1946"&gt;1946&lt;/option&gt;
  &lt;option value="1945"&gt;1945&lt;/option&gt;
  &lt;option value="1944"&gt;1944&lt;/option&gt;
  &lt;option value="1943"&gt;1943&lt;/option&gt;
  &lt;option value="1942"&gt;1942&lt;/option&gt;
  &lt;option value="1941"&gt;1941&lt;/option&gt;
  &lt;option value="1940"&gt;1940&lt;/option&gt;
  &lt;option value="1939"&gt;1939&lt;/option&gt;
  &lt;option value="1938"&gt;1938&lt;/option&gt;
  &lt;option value="1937"&gt;1937&lt;/option&gt;
  &lt;option value="1936"&gt;1936&lt;/option&gt;
  &lt;option value="1935"&gt;1935&lt;/option&gt;
  &lt;option value="1934"&gt;1934&lt;/option&gt;
  &lt;option value="1933"&gt;1933&lt;/option&gt;
  &lt;option value="1932"&gt;1932&lt;/option&gt;
  &lt;option value="1931"&gt;1931&lt;/option&gt;
  &lt;option value="1930"&gt;1930&lt;/option&gt;
  &lt;option value="1929"&gt;1929&lt;/option&gt;
  &lt;option value="1928"&gt;1928&lt;/option&gt;
  &lt;option value="1927"&gt;1927&lt;/option&gt;
  &lt;option value="1926"&gt;1926&lt;/option&gt;
  &lt;option value="1925"&gt;1925&lt;/option&gt;
  &lt;option value="1924"&gt;1924&lt;/option&gt;
  &lt;option value="1923"&gt;1923&lt;/option&gt;
  &lt;option value="1922"&gt;1922&lt;/option&gt;
  &lt;option value="1921"&gt;1921&lt;/option&gt;
  &lt;option value="1920"&gt;1920&lt;/option&gt;
  &lt;option value="1919"&gt;1919&lt;/option&gt;
  &lt;option value="1918"&gt;1918&lt;/option&gt;
  &lt;option value="1917"&gt;1917&lt;/option&gt;
  &lt;option value="1916"&gt;1916&lt;/option&gt;
  &lt;option value="1915"&gt;1915&lt;/option&gt;
  &lt;option value="1914"&gt;1914&lt;/option&gt;
  &lt;option value="1913"&gt;1913&lt;/option&gt;
  &lt;/select&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;
  &lt;input type="submit" name="submit" value="validate"&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/form&gt;
  &lt;/table&gt; 
  </code></pre>
  
  <p>And the javascript as follows</p>
  
  <pre><code>    &lt;script&gt;
  function datevalidate()
  {
  var d = new Date();
  var date = d.getDate();
  var month = d.getMonth()+1;
  var year = d.getFullYear();
  var cdate = document.getElementById("Coursedate").value;
  var cmonth = document.getElementById("coursemonth").value;
  var cyear = document.getElementById("courseyear").value;
  if (cdate &gt; date &amp;&amp; cmonth &gt;= month &amp;&amp; cyear &gt;= year)
  {
  alert("Date is greater");
  }
  else 
  if(cdate &lt; date &amp;&amp; cmonth &gt; month &amp;&amp; cyear &gt;= year)
  {
  alert("Month and year greater");
  }
  else 
  if(cdate &lt; date &amp;&amp; cmonth &gt;= month &amp;&amp; cyear &gt; year)
  {
  alert(" year greater");
  }
  else 
  if(cdate &gt; date &amp;&amp; cmonth &lt; month &amp;&amp; cyear &gt; year)
  {
  alert(" year greater");
  }
  
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>somehow i feel mysqlf that this is not very impressive.</p>
  
  <p>How to get full validation in javascript. Any tutorials?
  i need that the date should not exceed the current date.</p>
  
  <p>Thanks in advance</p>
  
  <p>Amod India</p>