PhP form and datepicker Vaildation

PhP form and datepicker Vaildation

Am trying to use my php form vaildation to check the form field of the datepicker for  a empty field, on submitting of the completed form. I think i need to pass ( what is inside .datepicker()  ) into the vaildate form field. But dont know how to do it..
 
The code below all works, But as datepicker makes it's own form input how would i include that into the Vaildation i have.
 
This is my php code :
 
<?php
// Set email variables
$email_to = 'andy_tvw@yahoo.co.uk';
$email_subject = 'Form submission';

// Set required fields
$required_fields = array('fullname','fulladdress','email','comment','checkforblankfield');
// set error messages
$error_messages = array(
 'fullname' => 'Please enter a Name to proceed.',
 'fulladdress' => 'Please enter your Contact Address to proceed.',
 'email' => 'Please enter a valid Email Address to continue.',
 'comment' => 'Please enter your Message to continue.',
 'checkforblankfield' => 'You need to select a Date.' // check for NO input into datepicker form
);






// Set form status
$form_complete = FALSE;
// configure validation array
$validation = array();
// check form submittal
if(!empty($_POST)) {
 // Sanitise POST array
 foreach($_POST as $key => $value) $_POST[$key] = remove_email_injection(trim($value));
 
 // Loop into required fields and make sure they match our needs
 foreach($required_fields as $field) {  
  // the field has been submitted?
  if(!array_key_exists($field, $_POST)) array_push($validation, $field);
  
  // check there is information in the field?
  if($_POST[$field] == '') array_push($validation, $field);
  
  // validate the email address supplied
  if($field == 'email') if(!validate_email_address($_POST[$field])) array_push($validation, $field);
 }
 
 // basic validation result
 if(count($validation) == 0) {
  // Prepare our content string
  $email_content = 'New Website Comment: ' . "\n\n";
  
  // simple email content
  foreach($_POST as $key => $value) {
   if($key != 'submit') $email_content .= $key . ': ' . $value . "\n";
  }
  
  // if validation passed ok then send the email
  mail($email_to, $email_subject, $email_content);
  
  // Update form switch
  $form_complete = TRUE;
 }
}
































function validate_email_address($email = FALSE) {
 return (preg_match('/^[^@\s]+@([-a-z0-9]+\.)+[a-z]{2,}$/i', $email))? TRUE : FALSE;
}

function remove_email_injection($field = FALSE) {
   return (str_ireplace(array("\r", "\n", "%0a", "%0d", "Content-Type:", "bcc:","to:","cc:"), '', $field));
}

?>
 
// This is the php form and datepicker :
 
<head>
<!-- Contact Form Designed by James Brand @ dreamweavertutorial.co.uk -->
<!-- Covered under creative commons license - http://dreamweavertutorial.co.uk/permissions/contact-form-permissions.htm -->
 <link href="contact/css/contactform.css" rel="stylesheet" type="text/css" />
  
 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/redmond/jquery-ui.css" rel=  "stylesheet" type="text/css"/>
    
 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.0/mootools-yui-compressed.js"></script>
   
    <script type="text/javascript" src="contact/validation/validation.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
   
 <script type="text/javascript">
  var nameError = '<?php echo $error_messages['fullname']; ?>';
  var fulladdress ='<?php echo $error_messages['fulladdress']; ?>';
  var emailError = '<?php echo $error_messages['email']; ?>';
  var commentError = '<?php echo $error_messages['comment']; ?>';
  var checkforblankfield = '<?php echo $error_messages['checkforblankfield']; ?>';
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
    </script>
  
<title>Reservations and booking form</title>
</head>

























 
<body onload="MM_preloadImages('contact/images/x.png')">
<body style="font-size:62.5%;">
<div id="formWrap">
<h2>Bookings &amp; Reservations</h2>
<div id="form">
<?php if($form_complete === FALSE): ?>
<form action"contact.php" method="post" id="comments_form">
<div class="row">
  <div class="label">Full Name</div> <!--end . label -->
    <div class="input">
      <input type="text" id="fullname" class="detail" name="fullname" value="<?php echo isset($_POST['fullname'])? $_POST['fullname'] : ''; ?>
" />
      <?php if(in_array('fullname', $validation)): ?><span class="error"><?php echo $error_messages['fullname']; ?></span><?php endif; ?>
    </div> <!-- end . input -->
     <div class="context"> POP a MESSAGE HERE </div> <!--end . context -->
  </div> <!-- end .row -->
<!-- End of Your Name Block -->
















<!-- Start of datepicker -->
  <script>
 $(document).ready(function()
  {
     $("#datepicker").datepicker();
  });
 </script>
 
   
<!--  $(selector).datepick({dateFormat: 'yyyy-mm-dd'});  for my example -->







 <script> 
    <!-- does ValidateDateCompare Validate for empty field when submit pressed --> 
 

  $(function() {     
       $.datepicker.setDefaults({dateFormat: 'DD, d  MM yy', autoSize: true,
          minDate: -0, maxDate: '+1M +05D', showOn: 'button',
         buttonImage: '/contact/images/calendar.gif', buttonImageOnly: true, });
  $('input[name="Your Check In Date Is"],input[name="Your Check Out Date Is"]').datepicker();
 
 }); 






 
</script>
 
     <!-- Start of  Date field input Block that i want to check for empty field on the datepicker -->

<!- how to take  what is inside .datepicker and work it into the code below -->

 


 <div class="row">
    <div class="label">checkforblankfield</div> <!--end . label -->
    <div class="input">



     <input type="text" id="checkforblankfield" class="detail" name="checkforblankfield" value=<?php echo isset($_POST['checkforblankfield'])? $_POST['checkforblankfield'] : ''; ?>"" /><?php if(in_array('checkforblankfield', $validation)): ?><span class="error"><?php echo $error_messages['checkforblankfield']; ?></span><?php endif; ?>
    </div> <!-- end . input -->
     
    </div> <!-- end .row -->
<!-- End of Block -->





    <!-- Place the Selected Dates into .datepicker() and  Email -->
 <script type="text/javascript">
        $(function(){ 
            $("input[name='Your Check In Date Is']").datepicker();
            $("input[name='Your Check Out Date Is']").datepicker();
        });
    </script>  
        
    <label for="datepicker">Select Your Check In Date</label>
    <form method="post" id="myForm">
   
    <input name="Your Check In Date Is" maxlength="30"  class="text ui-widget-content ui-corner-all" />
   
   
    <label for="datepicker">Select Your Check Out Date</label>
    <input name="Your Check Out Date Is" maxlength="30" class="text ui-widget-content ui-corner-all" />
   
    <!-- End of datepicker  -->  
   
 



















 <!-- Start of submit -->
    <div class="submit">
      <input type="submit" id="submit" name="submit" value="Click To Comfirm Your Booking Details" />
    </div> <!-- end .submit -->
<!-- End of Submit -->
   
  </form>
   <div id="footer">
<p>&copy; <?php echo date('Y'); ?> Copyright Webber's InterConinental Tours... All rights reserved.</p>
   </div><!-- end footer -->
    <?php else: ?>
<p style="font-size:35px; font-family:Arial, Helvetica, sans-serif; color:#255E67; margin-left:25px;">You are now being redirected to the secure payment site</p>










<script type="text/javascript">
setTimeout('ourRedirect()', 5000)
function ourRedirect(){
 location.href='http://philippines4u.co.uk/PayPal Manila Condo form.html'
}

</script>
<?php endif; ?>
   
</div> <!--end #form -->
</div> <!-- end formWrap -->


</body>
</html>