// HTML5 Form Validator
 
$.tools.validator.fn("[data-equals]", "Value not equal with the $1 field", function(input) {
	var name = input.attr("data-equals"),
		 field = this.getInputs().filter("[name=" + name + "]"); 
	return input.val() == field.val() ? true : [name]; 
});
 
$.tools.validator.fn("[minlength]", function(input, value) {
	var min = input.attr("minlength");
	
	return value.length >= min ? true : {     
		en: "Please provide at least " +min+ " character" + (min > 1 ? "s" : "")
	};
});
 
$.tools.validator.localizeFn("[type=phone]", {
	en: 'Please supply a valid phone number'		
});

$.tools.validator.localizeFn("[type=date]", {
	en: 'Please supply a valid date'		
});

$(":date").dateinput();
 
$("#myform").validator({ 
	position: 'top left', 
	offset: [-12, 0],
	message: '<div><em/></div>' // em element is the arrow
});

$("#myform2").validator({ 
	position: 'top left', 
	offset: [-12, 0],
	message: '<div><em/></div>' // em element is the arrow
});

$("#myform2").validator({ 
	position: 'top left', 
	offset: [-12, 0],
	message: '<div><em/></div>' // em element is the arrow
});

$("#textMessage").validator({ 
	position: 'top left', 
	offset: [-12, 0],
	message: '<div><em/></div>' // em element is the arrow
});