$(document).on('click', 'button#csend', function(e) {
e.preventDefault();
var form = $(this).closest('form');
var name = form.find('#name').val();
var phone = form.find('#phone').val();
var email = form.find('#email').val();
var message = form.find('#message').val();
// Reset borders
form.find('input, textarea').css("border", "");
// Validation
let valid = true;
// Name validation
if (!name) {
showError('Name field is mandatory.', '#name');
valid = false;
} else if (!/^[a-zA-Z ]+$/.test(name)) {
showError('Please enter a valid Name', '#name');
valid = false;
}
// Email validation
if (!email) {
showError('Email field is mandatory.', '#email');
valid = false;
} else if (!/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(email)) {
showError('Please enter a valid Email Id', '#email');
valid = false;
}
// Phone validation
if (!phone) {
showError('Mobile field is mandatory.', '#phone');
valid = false;
} else if (!/^[1-9][0-9]{9,12}$/.test(phone)) {
showError('Please enter a valid mobile number.', '#phone');
valid = false;
}
// Message validation
if (!message) {
showError('Please enter a Message', '#message');
valid = false;
}
if (!valid) return false;
$.ajax({
url: 'contactmail.php',
type: "POST",
data: {
'name': name,
'email': email,
'phone': phone,
'message': message,
},
success: function(re) {
if (re == 'Message received, success delivered!') {
Swal.fire({
icon: 'success',
title: 'Success',
text: re,
}).then(() => {
form[0].reset();
window.location = "thankyou.php";
});
} else {
Swal.fire({
icon: 'error',
title: 'Error',
text: re,
});
}
},
error: function(xhr, status, error) {
Swal.fire({
icon: 'error',
title: 'Error',
text: 'Request failed: ' + error,
});
}
});
});
function showError(message, element) {
Swal.fire({
title: 'Error',
text: message,
icon: 'error',
});
$(element).css("border", "1px solid red");
}
