David Miller
6 years ago
committed by
GitHub
8 changed files with 380 additions and 312 deletions
@ -1,75 +1,88 @@
@@ -1,75 +1,88 @@
|
||||
$(function() { |
||||
|
||||
$("#contactForm input,#contactForm textarea").jqBootstrapValidation({ |
||||
preventSubmit: true, |
||||
submitError: function($form, event, errors) { |
||||
// additional error messages or events
|
||||
}, |
||||
submitSuccess: function($form, event) { |
||||
event.preventDefault(); // prevent default submit behaviour
|
||||
// get values from FORM
|
||||
var name = $("input#name").val(); |
||||
var email = $("input#email").val(); |
||||
var phone = $("input#phone").val(); |
||||
var message = $("textarea#message").val(); |
||||
var firstName = name; // For Success/Failure Message
|
||||
// Check for white space in name for Success/Fail message
|
||||
if (firstName.indexOf(' ') >= 0) { |
||||
firstName = name.split(' ').slice(0, -1).join(' '); |
||||
} |
||||
$this = $("#sendMessageButton"); |
||||
$this.prop("disabled", true); // Disable submit button until AJAX call is complete to prevent duplicate messages
|
||||
$.ajax({ |
||||
url: "contact_me.php", |
||||
type: "POST", |
||||
data: { |
||||
name: name, |
||||
phone: phone, |
||||
email: email, |
||||
message: message |
||||
$(function () { |
||||
$( |
||||
"#contactForm input,#contactForm textarea,#contactForm button" |
||||
).jqBootstrapValidation({ |
||||
preventSubmit: true, |
||||
submitError: function ($form, event, errors) { |
||||
// additional error messages or events
|
||||
}, |
||||
cache: false, |
||||
success: function() { |
||||
// Success message
|
||||
$('#success').html("<div class='alert alert-success'>"); |
||||
$('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×") |
||||
.append("</button>"); |
||||
$('#success > .alert-success') |
||||
.append("<strong>Your message has been sent. </strong>"); |
||||
$('#success > .alert-success') |
||||
.append('</div>'); |
||||
//clear all fields
|
||||
$('#contactForm').trigger("reset"); |
||||
submitSuccess: function ($form, event) { |
||||
event.preventDefault(); // prevent default submit behaviour
|
||||
// get values from FORM
|
||||
var name = $("input#name").val(); |
||||
var email = $("input#email").val(); |
||||
var phone = $("input#phone").val(); |
||||
var message = $("textarea#message").val(); |
||||
var firstName = name; // For Success/Failure Message
|
||||
// Check for white space in name for Success/Fail message
|
||||
if (firstName.indexOf(" ") >= 0) { |
||||
firstName = name.split(" ").slice(0, -1).join(" "); |
||||
} |
||||
$this = $("#sendMessageButton"); |
||||
$this.prop("disabled", true); // Disable submit button until AJAX call is complete to prevent duplicate messages
|
||||
$.ajax({ |
||||
url: "/assets/mail/contact_me.php", |
||||
type: "POST", |
||||
data: { |
||||
name: name, |
||||
phone: phone, |
||||
email: email, |
||||
message: message, |
||||
}, |
||||
cache: false, |
||||
success: function () { |
||||
// Success message
|
||||
$("#success").html("<div class='alert alert-success'>"); |
||||
$("#success > .alert-success") |
||||
.html( |
||||
"<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×" |
||||
) |
||||
.append("</button>"); |
||||
$("#success > .alert-success").append( |
||||
"<strong>Your message has been sent. </strong>" |
||||
); |
||||
$("#success > .alert-success").append("</div>"); |
||||
//clear all fields
|
||||
$("#contactForm").trigger("reset"); |
||||
}, |
||||
error: function () { |
||||
// Fail message
|
||||
$("#success").html("<div class='alert alert-danger'>"); |
||||
$("#success > .alert-danger") |
||||
.html( |
||||
"<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×" |
||||
) |
||||
.append("</button>"); |
||||
$("#success > .alert-danger").append( |
||||
$("<strong>").text( |
||||
"Sorry " + |
||||
firstName + |
||||
", it seems that my mail server is not responding. Please try again later!" |
||||
) |
||||
); |
||||
$("#success > .alert-danger").append("</div>"); |
||||
//clear all fields
|
||||
$("#contactForm").trigger("reset"); |
||||
}, |
||||
complete: function () { |
||||
setTimeout(function () { |
||||
$this.prop("disabled", false); // Re-enable submit button when AJAX call is complete
|
||||
}, 1000); |
||||
}, |
||||
}); |
||||
}, |
||||
error: function() { |
||||
// Fail message
|
||||
$('#success').html("<div class='alert alert-danger'>"); |
||||
$('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×") |
||||
.append("</button>"); |
||||
$('#success > .alert-danger').append($("<strong>").text("Sorry " + firstName + ", it seems that my mail server is not responding. Please try again later!")); |
||||
$('#success > .alert-danger').append('</div>'); |
||||
//clear all fields
|
||||
$('#contactForm').trigger("reset"); |
||||
filter: function () { |
||||
return $(this).is(":visible"); |
||||
}, |
||||
complete: function() { |
||||
setTimeout(function() { |
||||
$this.prop("disabled", false); // Re-enable submit button when AJAX call is complete
|
||||
}, 1000); |
||||
} |
||||
}); |
||||
}, |
||||
filter: function() { |
||||
return $(this).is(":visible"); |
||||
}, |
||||
}); |
||||
}); |
||||
|
||||
$("a[data-toggle=\"tab\"]").click(function(e) { |
||||
e.preventDefault(); |
||||
$(this).tab("show"); |
||||
}); |
||||
$('a[data-toggle="tab"]').click(function (e) { |
||||
e.preventDefault(); |
||||
$(this).tab("show"); |
||||
}); |
||||
}); |
||||
|
||||
/*When clicking on Full hide fail/success boxes */ |
||||
$('#name').focus(function() { |
||||
$('#success').html(''); |
||||
$("#name").focus(function () { |
||||
$("#success").html(""); |
||||
}); |
||||
|
||||
@ -1,75 +1,88 @@
@@ -1,75 +1,88 @@
|
||||
$(function() { |
||||
|
||||
$("#contactForm input,#contactForm textarea").jqBootstrapValidation({ |
||||
preventSubmit: true, |
||||
submitError: function($form, event, errors) { |
||||
// additional error messages or events
|
||||
}, |
||||
submitSuccess: function($form, event) { |
||||
event.preventDefault(); // prevent default submit behaviour
|
||||
// get values from FORM
|
||||
var name = $("input#name").val(); |
||||
var email = $("input#email").val(); |
||||
var phone = $("input#phone").val(); |
||||
var message = $("textarea#message").val(); |
||||
var firstName = name; // For Success/Failure Message
|
||||
// Check for white space in name for Success/Fail message
|
||||
if (firstName.indexOf(' ') >= 0) { |
||||
firstName = name.split(' ').slice(0, -1).join(' '); |
||||
} |
||||
$this = $("#sendMessageButton"); |
||||
$this.prop("disabled", true); // Disable submit button until AJAX call is complete to prevent duplicate messages
|
||||
$.ajax({ |
||||
url: "contact_me.php", |
||||
type: "POST", |
||||
data: { |
||||
name: name, |
||||
phone: phone, |
||||
email: email, |
||||
message: message |
||||
$(function () { |
||||
$( |
||||
"#contactForm input,#contactForm textarea,#contactForm button" |
||||
).jqBootstrapValidation({ |
||||
preventSubmit: true, |
||||
submitError: function ($form, event, errors) { |
||||
// additional error messages or events
|
||||
}, |
||||
cache: false, |
||||
success: function() { |
||||
// Success message
|
||||
$('#success').html("<div class='alert alert-success'>"); |
||||
$('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×") |
||||
.append("</button>"); |
||||
$('#success > .alert-success') |
||||
.append("<strong>Your message has been sent. </strong>"); |
||||
$('#success > .alert-success') |
||||
.append('</div>'); |
||||
//clear all fields
|
||||
$('#contactForm').trigger("reset"); |
||||
submitSuccess: function ($form, event) { |
||||
event.preventDefault(); // prevent default submit behaviour
|
||||
// get values from FORM
|
||||
var name = $("input#name").val(); |
||||
var email = $("input#email").val(); |
||||
var phone = $("input#phone").val(); |
||||
var message = $("textarea#message").val(); |
||||
var firstName = name; // For Success/Failure Message
|
||||
// Check for white space in name for Success/Fail message
|
||||
if (firstName.indexOf(" ") >= 0) { |
||||
firstName = name.split(" ").slice(0, -1).join(" "); |
||||
} |
||||
$this = $("#sendMessageButton"); |
||||
$this.prop("disabled", true); // Disable submit button until AJAX call is complete to prevent duplicate messages
|
||||
$.ajax({ |
||||
url: "/assets/mail/contact_me.php", |
||||
type: "POST", |
||||
data: { |
||||
name: name, |
||||
phone: phone, |
||||
email: email, |
||||
message: message, |
||||
}, |
||||
cache: false, |
||||
success: function () { |
||||
// Success message
|
||||
$("#success").html("<div class='alert alert-success'>"); |
||||
$("#success > .alert-success") |
||||
.html( |
||||
"<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×" |
||||
) |
||||
.append("</button>"); |
||||
$("#success > .alert-success").append( |
||||
"<strong>Your message has been sent. </strong>" |
||||
); |
||||
$("#success > .alert-success").append("</div>"); |
||||
//clear all fields
|
||||
$("#contactForm").trigger("reset"); |
||||
}, |
||||
error: function () { |
||||
// Fail message
|
||||
$("#success").html("<div class='alert alert-danger'>"); |
||||
$("#success > .alert-danger") |
||||
.html( |
||||
"<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×" |
||||
) |
||||
.append("</button>"); |
||||
$("#success > .alert-danger").append( |
||||
$("<strong>").text( |
||||
"Sorry " + |
||||
firstName + |
||||
", it seems that my mail server is not responding. Please try again later!" |
||||
) |
||||
); |
||||
$("#success > .alert-danger").append("</div>"); |
||||
//clear all fields
|
||||
$("#contactForm").trigger("reset"); |
||||
}, |
||||
complete: function () { |
||||
setTimeout(function () { |
||||
$this.prop("disabled", false); // Re-enable submit button when AJAX call is complete
|
||||
}, 1000); |
||||
}, |
||||
}); |
||||
}, |
||||
error: function() { |
||||
// Fail message
|
||||
$('#success').html("<div class='alert alert-danger'>"); |
||||
$('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×") |
||||
.append("</button>"); |
||||
$('#success > .alert-danger').append($("<strong>").text("Sorry " + firstName + ", it seems that my mail server is not responding. Please try again later!")); |
||||
$('#success > .alert-danger').append('</div>'); |
||||
//clear all fields
|
||||
$('#contactForm').trigger("reset"); |
||||
filter: function () { |
||||
return $(this).is(":visible"); |
||||
}, |
||||
complete: function() { |
||||
setTimeout(function() { |
||||
$this.prop("disabled", false); // Re-enable submit button when AJAX call is complete
|
||||
}, 1000); |
||||
} |
||||
}); |
||||
}, |
||||
filter: function() { |
||||
return $(this).is(":visible"); |
||||
}, |
||||
}); |
||||
}); |
||||
|
||||
$("a[data-toggle=\"tab\"]").click(function(e) { |
||||
e.preventDefault(); |
||||
$(this).tab("show"); |
||||
}); |
||||
$('a[data-toggle="tab"]').click(function (e) { |
||||
e.preventDefault(); |
||||
$(this).tab("show"); |
||||
}); |
||||
}); |
||||
|
||||
/*When clicking on Full hide fail/success boxes */ |
||||
$('#name').focus(function() { |
||||
$('#success').html(''); |
||||
$("#name").focus(function () { |
||||
$("#success").html(""); |
||||
}); |
||||
|
||||
Loading…
Reference in new issue