[jQuery] return false not stopping the form submit
I've got a page where i submit a very similar form for ajax response
multiple times.
I had this working, and have now split this out so that the variables
are retrieved in a function and returned in an object.
Unfortunately, now that I've done that, the submit form seems to be
ignoring the 'return false' statement, and is submitting the form,
rather than running the function within the submit.
[code]
function getFormData(){
var formData = new Object;
var searchAddress=jQuery('form#filterList input#searchTxt').val
();
if (GBrowserIsCompatible()) {
var geo = new GClientGeocoder();
geo.getLocations(searchAddress, function (result)
{
if(!result.Placemark){
jQuery('span#addressNotFound').text('<?php echo
$addressNotFound; ?>');
} else {
jQuery('span#addressNotFound').empty();
jQuery('span#headerLocal').text(searchAddress);
formData.accuracy= result.Placemark
[0].AddressDetails.Accuracy;
formData.lat = result.Placemark[0].Point.coordinates
[1];
formData.long = result.Placemark[0].Point.coordinates
[0];
}
});
}
var date = new Date();
var d = date.getDate();
var day = (d < 10) ? '0' + d : d;
var m = date.getMonth() + 1;
var month = (m < 10) ? '0' + m : m;
var year = date.getYear();
year=year+1900;
forData.toDate=year+'-'+month+'-'+day;
<?php
echo 'formData.numDays="'.$numDays.'";';
echo 'formData.genre="'.$genre.'";';
echo 'formData.numResults="'.$numResults.'";';
?>
var range=jQuery('li.setDist').attr('id');
formData.dateRange = jQuery('.updateDate').attr('id');
}
jQuery('form#filterList').submit(function(){
getFormData();
mapShow(formData.lat, formData.long,
formData.accuracy, 'areaMap');
jQuery('div#holdForecast').empty();
jQuery('div#holdShows ul.showList').livequery(function(){
jQuery.ajax({
type: "GET",
url: "processes/formatShows.php",
data: "output=&genre="+formData.genre
+"&numResults=30&date="+formData.toDate
+"&dateRange="+formData.dateRange+"&range="+formData.range
+"&lat="+formData.lat+"&long="+formData.long,
success: function(response){
jQuery('div#holdShows ul.showList').html(response);
}
});
});
jQuery.ajax({
type: "GET",
url: "processes/formatShows.php",
data: "output=&type=forecast&genre="+formData.genre
+"&numDays=4&numResults=5&date="+formData.toDate
+"&dateRange="+formData.dateRange+"&range="+formData.range
+"&lat="+formData.lat+"&long="+formData.long,
success: function(response){
jQuery('div#popForecast').html(response);
}
});
return false;
});
[/code]
any idea why this would be? is there a better way I should be doing
this?
[/code]