assets/js/jquery.validate.js
@@ -22,26 +22,46 @@ jQuery(document).ready(function ($) {
selectFirst: false
});
- $('#search-form').submit(function () {
+ $('#search-form').submit(function (event) {
var $form = $(this);
- $.ajax({
- url: $form.attr('action'),
- data: $form.serialize(),
- dataType: 'html',
- success: function (html) {
- $('#search-results').html(html);
- },
- error: function () {
- // console.log(arguments);
- // need to push an error in an ARIA alert box
- }
- })
-
- return false;
+ var proceed = true;
+ if (hasWebForms2 && typeof this.checkValidity == 'function') { // 2nd check should be redundant
+ proceed = this.checkValidity();
+ } else {
+ // FIXME - validator not working...
+ proceed = $form.valid();
+ }
+
+ // manually build up the inputs since .serialize is skipping over the input[type=datetime_local]
+ var inputs = [];
+ $(':inputs', this).each(function () {
+ if (this.name) {
+ inputs.push(encodeURIComponent(this.name) + '=' + encodeURIComponent(this.value));
+ }
+ });
+
+ if (proceed) {
+ $.ajax({
+ url: $form.attr('action'),
+ data: inputs.join('&'),
+ dataType: 'html',
+ success: function (html) {
+ $('#search-results').html(html);
+ },
+ error: function () {
+ // console.log(arguments);
+ // need to push an error in an ARIA alert box
+ }
+ });
+ }
+
+ return false;
});
if (!hasWebForms2) {
+ $('#search-form').validate(); // KISS
+
$('input.datetime_picker').blur(function () {
var $input = $(this);
var date = Date.parse($input.val());
assets/js/main.js
@@ -38,6 +38,7 @@
<?php if ($toggles['javascript']) : ?>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="assets/js/jquery.autocomplete.js" type="text/javascript" charset="utf-8"></script>
+<script src="assets/js/jquery.validate.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/date.js" type="text/javascript"></script>
<script src="assets/js/main.js" type="text/javascript" charset="utf-8"></script>
<?php endif ?>
footer.php
@@ -14,6 +14,8 @@ class Flights {
function find($from, $to, $date) {
$flights = array();
+ $date = '2009-05-29'; // hard coded to match the flight data
+
$date = date('Y-m-j', strtotime($date));
foreach ($this->flights as $flight) {
lib/flights.php
@@ -35,7 +35,7 @@ $flight_type = array(
<ul>
<li>
<label for="from-airport">From:</label>
- <input class="airport-search" id="from-airport" type="text" name="from-airport" placeholder="airport leaving from" value="<?php echo $user_data['from-airport']; ?>">
+ <input class="required url airport-search" id="from-airport" required="true" type="text" name="from-airport" placeholder="airport leaving from" value="<?php echo $user_data['from-airport']; ?>">
<?php
$airports = $from_airports;
$type = 'from';
@@ -44,7 +44,7 @@ $flight_type = array(
</li>
<li>
<label for="to-airport">To:</label>
- <input class="airport-search" id="to-airport" type="text" name="to-airport" placeholder="airport wish to arrive at" value="<?php echo $user_data['to-airport']; ?>">
+ <input class="required airport-search" id="to-airport" required="true" type="text" name="to-airport" placeholder="airport wish to arrive at" value="<?php echo $user_data['to-airport']; ?>">
<?php
$airports = $to_airports;
$type = 'to';
@@ -53,7 +53,7 @@ $flight_type = array(
</li>
<li>
<div><label for="departure-date">Departure date & time:</label></div>
- <div><input title="Format: year-month-day hh:mm" class="datetime_picker" type="datetime-local" name="departure-date" placeholder="year-month-day hh:mm" id="departure-date" value="<?php echo $user_data['departure-date']?>"></div>
+ <div><input title="Format: year-month-day hh:mm" class="required datetime datetime_picker" required="true" type="datetime-local" name="departure-date" placeholder="year-month-day hh:mm" id="departure-date" value="<?php echo $user_data['departure-date']?>"></div>
</li>
<li>
<p>Number of passengers:</p>
sidebar.php
1c03b4f518a0bed19ad00ca82a0aab9cdb0cbe05
Remy Sharp
remy@remysharp.com
http://github.com/remy/boxcrateairlines/commit/ce15edcd98a3f787c4c35327e16f7f07d7866fd8
ce15edcd98a3f787c4c35327e16f7f07d7866fd8
2009-06-03T01:09:59-07:00
2009-06-03T01:09:59-07:00
Adding client side validation
60f6748d03067731db0fe665597e9f2c1575ebae
Remy Sharp
remy@remysharp.com