$(document).ready(function() {
	//For every input field assign a 'blur' event
	$(':input#name').blur(function() {
																 
		var $x = $(this).parents().find('span#nameFlag');
		$x.remove();
		
		if (this.value=='') {
			var msg = "This is a required field";
			$('<span></span>')
				.text(msg)
				.addClass('form-omission')
				.attr('id','nameFlag')
				.insertAfter($(this));
		}
	});
	
	$(':input#phone').blur(function() {
																 
		var $x = $(this).parents().find('span#phoneFlag');
		$x.remove();
		
		if (this.value=='') {
			var msg = "This is a required field";
			$('<span></span>')
				.text(msg)
				.addClass('form-omission')
				.attr('id','phoneFlag')
				.insertAfter($(this));
		}
	});

	$(':input#enquiry').blur(function() {
																 
		var $x = $(this).parents().find('span#enquiryFlag');
		$x.each(function() {
			$(this).remove();
		});
		
		if (this.value=='') {
			var msg = "This is a required field";
			$('<span></span>')
				.text(msg)
				.addClass('form-omission')
				.css('top','23px')
				.attr('id','enquiryFlag')
				.insertAfter($(this));
		}
	});

	$(':input#email').blur(function() {
																 
		var $x = $(this).parents().find('span#emailFlag');
		$x.remove();
		
		if (this.value=='') {
			var msg = "This is a required field";
			$('<span></span>')
				.text(msg)
				.addClass('form-omission')
				.attr('id','emailFlag')
				.insertAfter($(this));
		}
		if (this.value != '' && !/.+@.+\.[a-zA-Z]{2,4}$/.test(this.value)) {
			var eml	= "Please use proper email format. eg. example@example.com";
			$('<span></span>')
				.text(eml)
				.addClass('form-omission')
				.attr('id','emailFlag')
				.insertAfter($(this));
		}
	});
});

$(document).ready(function() {
	$('form').submit(function() {
		$('#submit-message').remove();
		$('form :input').trigger('blur');
		
		var numWarnings = $('.form-omission',this).length;
		
		if (numWarnings) {
			$('<div></div>').attr({'id':'submit-message'})
			.append('There are ' + numWarnings + ' fields above that have errors. Please correct these, and press Submit Form again.')
			.css({
				 'margin-bottom':'5px',
				 'font-weight':'bold',
				 'color':'red'})
			.insertBefore('#submit');
			//Return false to prevent the form from submitting.
			return false;
		} else {
			return true;
		}
	});
});
// JavaScript Document
