.js file
$(document).ready(function() {
$('#response').hide();
$('#submit').click(function(e) {
// prevent forms default action until
// error check has been performed
e.preventDefault();
// grab form field values
var valid = '';
var required = ' is required.';
var date = $('form #date').val();
var position = $('form #position').val();
var email = $('form #email').val();
var experience = $('form #experience').val();
var lname = $('form #lname').val();
var fname = $('form #fname').val();
var mname = $('form #mname').val();
var dob = $('form #dob').val();
var dl = $('form #dl').val();
var address = $('form #address').val();
var city = $('form #city').val();
var state = $('form #state').val();
var zip = $('form #zip').val();
var telephone = $('form #telephone').val();
var cell = $('form #cell').val();
var efname = $('form #efname').val();
var elname = $('form #elname').val();
var relationship = $('form #relationship').val();
var ephone = $('form #ephone').val();
var ecell = $('form #ecell').val();
var availability = $('form #availability').val();
var previouse = $('form #previous').val();
var company = $('form #company').val();
var supervisor = $('form #supervisorphone').val();
var leaving = $('form #leaving').val();
var sex = $('form #signature').val();
var proof = $('form #signature').val();
var signature = $('form #signature').val();
var datesign = $('form #signature').val();
// error checking
// let the user know if there are erros with the form
if(valid != ''){
$('#response').removeClass().addClass('error').html('<strong>Please correct the errors below.</strong>' +valid).fadeIn('normal');
}
// let the user know something is happening behind the scenes
// serialize the form data and send to our ajax function
else{
$('#response').removeClass().addClass('processing').html('Sending message...').fadeIn('normal');
var formData = $('form').serialize();
submitForm(formData);
}
});
});
// make our ajax request to the server
function submitForm(formData){
$.ajax({
type: 'POST',
url: 'actions/appSubmit.php',
data: formData,
dataType: 'json',
cache: false,
timeout: 7000,
success: function(data){
$('#response').removeClass().addClass((data.error === true) ? 'error' : 'success').html(data.msg).fadeIn('fast');
if($('#response').hasClass('success')){
setTimeout("$('#response').fadeOut('fast')", 5000);
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
$('#response').removeClass().addClass('error').html('<p>There was a<strong> ' + errorThrown +'</strong> error due to a<strong> ' + textStatus +'</strong> condition.</p>').fadeIn('fast');
},
complete: function(XMLHttpRequest, status){$('form')[0].reset();}
});
};
php file
$(document).ready(function() {
$('#response').hide();
$('#submit').click(function(e) {
// prevent forms default action until
// error check has been performed
e.preventDefault();
// grab form field values
var valid = '';
var required = ' is required.';
var date = $('form #date').val();
var position = $('form #position').val();
var email = $('form #email').val();
var experience = $('form #experience').val();
var lname = $('form #lname').val();
var fname = $('form #fname').val();
var mname = $('form #mname').val();
var dob = $('form #dob').val();
var dl = $('form #dl').val();
var address = $('form #address').val();
var city = $('form #city').val();
var state = $('form #state').val();
var zip = $('form #zip').val();
var telephone = $('form #telephone').val();
var cell = $('form #cell').val();
var efname = $('form #efname').val();
var elname = $('form #elname').val();
var relationship = $('form #relationship').val();
var ephone = $('form #ephone').val();
var ecell = $('form #ecell').val();
var availability = $('form #availability').val();
var previouse = $('form #previous').val();
var company = $('form #company').val();
var supervisor = $('form #supervisorphone').val();
var leaving = $('form #leaving').val();
var sex = $('form #signature').val();
var proof = $('form #signature').val();
var signature = $('form #signature').val();
var datesign = $('form #signature').val();
// error checking
// let the user know if there are erros with the form
if(valid != ''){
$('#response').removeClass().addClass('error').html('<strong>Please correct the errors below.</strong>' +valid).fadeIn('normal');
}
// let the user know something is happening behind the scenes
// serialize the form data and send to our ajax function
else{
$('#response').removeClass().addClass('processing').html('Sending message...').fadeIn('normal');
var formData = $('form').serialize();
submitForm(formData);
}
});
});
// make our ajax request to the server
function submitForm(formData){
$.ajax({
type: 'POST',
url: 'actions/appSubmit.php',
data: formData,
dataType: 'json',
cache: false,
timeout: 7000,
success: function(data){
$('#response').removeClass().addClass((data.error === true) ? 'error' : 'success').html(data.msg).fadeIn('fast');
if($('#response').hasClass('success')){
setTimeout("$('#response').fadeOut('fast')", 5000);
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
$('#response').removeClass().addClass('error').html('<p>There was a<strong> ' + errorThrown +'</strong> error due to a<strong> ' + textStatus +'</strong> condition.</p>').fadeIn('fast');
},
complete: function(XMLHttpRequest, status){$('form')[0].reset();}
});
};