https://www.santagenia.com/RecursosAranya/js/jquery.form.js

1$(function() {
2	
3if(!Modernizr.input.placeholder){             //placeholder for old brousers and IE
4 
5  $('[placeholder]').focus(function() {
6   var input = $(this);
7   if (input.val() == input.attr('placeholder')) {
8    input.val('');
9    input.removeClass('placeholder');
10   }
11  }).blur(function() {
12   var input = $(this);
13   if (input.val() == '' || input.val() == input.attr('placeholder')) {
14    input.addClass('placeholder');
15    input.val(input.attr('placeholder'));
16   }
17  }).blur();
18  $('[placeholder]').parents('form').submit(function() {
19   $(this).find('[placeholder]').each(function() {
20    var input = $(this);
21    if (input.val() == input.attr('placeholder')) {
22     input.val('');
23    }
24   })
25  });
26 }
27 
28  else { var $inputs = $('input, textarea'), temp;
29
30  $inputs.on('focus', function(){
31
32   temp = $(this).attr('placeholder');
33   $(this).attr('placeholder','');
34
35
36  });
37  $inputs.on('blur', function(){
38
39   $(this).attr('placeholder',temp);
40   temp = '';
41
42
43  });
44 
45}
46  
47$('#contact-form').submit(function(e) {
48      
49		e.preventDefault();	
50		var error = 0;
51		var self = $(this);
52		
53	    var $email = self.find('[type=email]'),
54		$message = self.find('[name=user-message]');	
55		
56				
57		var emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
58		
59  		if(emailRegex.test($email.val())) {
60			$email.removeClass('invalid_field');
61		}
62		else {
63			createErrTult('Enter proper email', $email)
64			error++;	
65		} 
66
67		
68		if($message.val().length>2 && $message.val()!= $message.attr('placeholder')) {
69			$message.removeClass('invalid_field');
70		} 
71		else {
72			createErrTult('Enter at least 3 characters', $message)
73			error++;
74		}
75			
76		if (error!=0)return;
77		self.find('[type=submit]').attr('disabled', 'disabled');		
78        $.ajax({

79            type: 'post',
80            url: 'sendEmail.php',
81			data: '&email=' + $email.val() + '&comments=' + $message.val(),
82            success: function(results) {
83				self.html(results);
84            }
85        }); // end ajax
86    }); // end submit
87
88$('#main-contact-form').submit(function(e) {
89      
90		e.preventDefault();	
91		var error = 0;
92		var self = $(this);
93		
94	    var $email = self.find('[type=email]'),
95		$name = self.find('[name=user-name]'),	
96		$message = self.find('[name=user-message]');	
97		
98				
99		var emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
100		
101  		if(emailRegex.test($email.val())) {
102			$email.removeClass('invalid_field');
103		}
104		else {
105			createErrTult('Enter proper email', $email)
106			error++;	
107		} 
108		
109		
110		if( $name.val().length>1 &&  $name.val()!= $name.attr('placeholder')  ) {
111			$name.removeClass('invalid_field');			
112		} 
113		else {
114			createErrTult('Enter at least 2 characters', $name)
115			error++;
116		}
117
118		
119		if($message.val().length>2 && $message.val()!= $message.attr('placeholder')) {
120			$message.removeClass('invalid_field');
121		} 
122		else {
123			createErrTult('Enter at least 3 characters', $message)
124			error++;
125		}
126			
127		if (error!=0)return;
128				
129        $.ajax({

130            type: 'post',
131            url: 'getEmail.php',
132			data: 'name=' + $name.val() + '&email=' + $email.val() + '&comments=' + $message.val(),
133            success: function(results) {
134				self.html(results);
135            }
136        }); // end ajax
137    }); // end submit
138	
139});
140
141function createErrTult(text, $elem){
142			$('<p />', {
143				'class':'inv-em',
144				'text':text,
145			}).css({'top':$elem.position().top,"left":$elem.position().left})
146			.appendTo($elem.addClass('invalid_field').parent()) 
147			.delay(3000).fadeOut(300, function(){$(this).remove()});
148	}
149