title: how to validate if string is date with jquery
body: <p>How to parse if string is valid date. I tried everything in the web, and nothing works. I know that the question is asked multiple times before, but even in the threads that say they solved the problem, does,not work for me. I start to asking myself is there a way at all.
  I will send my code here. I have three text box: one for day, one for month and year, and on form submit I need to check if they form valid date.</p>
  
  <pre><code>&lt;html&gt; 
    &lt;head&gt; 
    &lt;title&gt;Simple Form Validation&lt;/title&gt; 
    &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt; 
    &lt;script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"&gt;&lt;/script&gt; 
    &lt;script type="text/javascript"&gt;
  
           jQuery.validator.addMethod(
                 "customDateValidator",
                  function(value, element) {
                   var concateDate;
                   concateDate= $("#day").val() + "/" + $("#month").val() + "/" + $("#year").val();        
  
                      var rslt= (Date.parseExact(concateDate, "d/M/yyyy") );
                      if(isNaN(rslt))
                        return false;
                      else
                       return true;               
                      },
                      "Please enter a valid date"
                  );
    &lt;/script&gt;
  
    &lt;script type="text/javascript"&gt; 
      $(document).ready(function() { 
        $("#form1").validate({ 
          rules: { 
  
          year: { 
            customDateValidator: true 
          } 
          }, 
          messages: { 
            year: "Please enter valid datum." 
          } 
        }); 
      }); 
    &lt;/script&gt;  
  
    &lt;/head&gt; 
  
    &lt;body&gt; 
      &lt;form id="form1" method="post" action=""&gt; 
        &lt;div class="form-row"&gt;&lt;span class="label"&gt;Day *&lt;/span&gt;&lt;input type="text" name="day" id="day" /&gt;&lt;/div&gt; 
        &lt;div class="form-row"&gt;&lt;span class="label"&gt;Month *&lt;/span&gt;&lt;input type="text" name="month" id="month" /&gt;&lt;/div&gt; 
        &lt;div class="form-row"&gt;&lt;span class="label"&gt;Year&lt;/span&gt;&lt;input type="text" name="year" id="year" /&gt;&lt;/div&gt; 
        &lt;div class="form-row"&gt;&lt;input class="submit" type="submit" value="Submit"&gt;&lt;/div&gt; 
      &lt;/form&gt; 
    &lt;/body&gt; 
  &lt;/html&gt; 
  </code></pre>