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 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>
<body onload="MM_preloadImages('contact/images/x.png')">
<body style="font-size:62.5%;">
<div id="formWrap">
<h2>Bookings & 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>© <?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>