mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2025-10-27 16:03:10 +01:00
85 lines
2.1 KiB
JavaScript
85 lines
2.1 KiB
JavaScript
//////CONTACT FORM VALIDATION
|
|
jQuery(document).ready(function ($) {
|
|
|
|
//if submit button is clicked
|
|
$('#submit').click(function () {
|
|
|
|
//Get the data from all the fields
|
|
var name = $('input[name=name]');
|
|
var email = $('input[name=email]');
|
|
var regx = /^([a-z0-9_\-\.])+\@([a-z0-9_\-\.])+\.([a-z]{2,4})$/i;
|
|
var comment = $('textarea[name=comment]');
|
|
var returnError = false;
|
|
|
|
//Simple validation to make sure user entered something
|
|
//Add your own error checking here with JS, but also do some error checking with PHP.
|
|
//If error found, add hightlight class to the text field
|
|
if (name.val()=='') {
|
|
name.addClass('error');
|
|
returnError = true;
|
|
} else name.removeClass('error');
|
|
|
|
if (email.val()=='') {
|
|
email.addClass('error');
|
|
returnError = true;
|
|
} else email.removeClass('error');
|
|
|
|
if(!regx.test(email.val())){
|
|
email.addClass('error');
|
|
returnError = true;
|
|
} else email.removeClass('error');
|
|
|
|
|
|
if (comment.val()=='') {
|
|
comment.addClass('error');
|
|
returnError = true;
|
|
} else comment.removeClass('error');
|
|
|
|
// Highlight all error fields, then quit.
|
|
if(returnError == true){
|
|
return false;
|
|
}
|
|
|
|
//organize the data
|
|
|
|
var data = 'name=' + name.val() + '&email=' + email.val() + '&comment=' + encodeURIComponent(comment.val());
|
|
|
|
//disabled all the text fields
|
|
$('.text').attr('disabled','true');
|
|
|
|
//show the loading sign
|
|
$('.loading').show();
|
|
|
|
//start the ajax
|
|
$.ajax({
|
|
//this is the php file that processes the data and sends email
|
|
url: "contact.php",
|
|
|
|
//GET method is used
|
|
type: "GET",
|
|
|
|
//pass the data
|
|
data: data,
|
|
|
|
//Do not cache the page
|
|
cache: false,
|
|
|
|
//success
|
|
success: function (html) {
|
|
//if contact.php returned 1/true (send mail success)
|
|
if (html==1) {
|
|
|
|
//show the success message
|
|
$('.done').fadeIn('slow');
|
|
|
|
$(".form").find('input[type=text], textarea').val("");
|
|
|
|
//if contact.php returned 0/false (send mail failed)
|
|
} else alert('Sorry, unexpected error. Please try again later.');
|
|
}
|
|
});
|
|
|
|
//cancel the submit button default behaviours
|
|
return false;
|
|
});
|
|
});
|