wp/wp-content/themes/themeforest-2964855-scrn-responsive-single-page-portfolio/SCRN/js/contact-form.js
changeset 8 c7c34916027a
parent 7 cf61fcea0001
child 9 177826044cd9
equal deleted inserted replaced
7:cf61fcea0001 8:c7c34916027a
     1 jQuery(document).ready(function() {
       
     2 	
       
     3 	//if submit button is clicked
       
     4 	jQuery('.contact-form #submit').click(function () {		
       
     5 		
       
     6 		//Get the data from all the fields
       
     7 		var name = jQuery('input[name=name]');
       
     8 		var email = jQuery('input[name=email]');
       
     9 		var website = jQuery('input[name=website]');
       
    10 		var comment = jQuery('textarea[name=comment]');
       
    11 
       
    12 		//Simple validation to make sure user entered something
       
    13 		//If error found, add hightlight class to the text field
       
    14 		if (name.val()=='') {
       
    15 			name.addClass('hightlight');
       
    16 			return false;
       
    17 		} else name.removeClass('hightlight');
       
    18 		
       
    19 		if (email.val()=='') {
       
    20 			email.addClass('hightlight');
       
    21 			return false;
       
    22 		} else email.removeClass('hightlight');
       
    23 		
       
    24 		if (comment.val()=='') {
       
    25 			comment.addClass('hightlight');
       
    26 			return false;
       
    27 		} else comment.removeClass('hightlight');
       
    28 		
       
    29 		//disabled all the text fields
       
    30 		jQuery('.text').attr('disabled','true');
       
    31 		
       
    32 		//show the loading sign
       
    33 		jQuery('.loading').show();
       
    34 
       
    35 		jQuery.post("../wp-content/themes/SCRN/index.php", { name : name.val(), email : email.val(), comment : comment.val(), submit : "yes" }, function() {
       
    36 						
       
    37 			jQuery('.form').fadeOut('slow');					
       
    38 
       
    39 			jQuery('.done').fadeIn('slow');
       
    40 
       
    41 			jQuery('.contact-form form').fadeOut('slow');
       
    42 
       
    43 		});
       
    44 					
       
    45 		return false;
       
    46 						
       
    47 		//cancel the submit button default behaviours
       
    48 	});	
       
    49 });