title: How to solve Jquery Datepicker Validation issue?
body: <p>I did jquery validation on my form in play framework which is working properly when i directly click on submit button without entering values in textboxes validation messages come. 
    But the issue is, when i am selecting a date from datepicker(bootstrap-datepicker.js), validation message does not disappear for date field. after clicking twice it disappears. please help me.</p>
  
  <pre><code>Jquery Code:
  $("form input.date").datepicker({
          autoclose: true,
          onClose: function() {
              $(this).valid();
          }
  </code></pre>
  
  <p>});</p>
  
  <pre><code>Validation Function:
  $("#register").validate({
          focusCleanup: true,
          rules: {
              name: "required",
              email: {
                  required: true,
                  email: true
              },
              phone: {
                  required: true,
                  number:true,
                  minlength:10,
                  maxlength:10
              },                
              date:{
                  required: true,
                  date: true
              }                
          },
          messages: {
              name: "Please provide your full name",
              email: {
                  required: "Please provide your email address",
                  email: "Please provide a valid email address"
              },
              phone: {
                  required: "Please provide your mobile number",
                  number: "Please provide a valid mobile number",
                  minlength:"Please provide a valid mobile number",
                  maxlength:"Please provide a valid mobile number"
              },               
              date: {
                  required: "Please select date ",
                  date: "Please select valid date"
              }                
          },
          submitHandler: function(form) {
          }
  });
  </code></pre>
  
  <p> </p>