$(document).ready(function() {
   $("form:eq(0)").validate({
        errorElement : "span",
	    errorElementClass : "err",
	    errorClass : "inpe",
		rules: {
	        txtFirstName : {
					required : true,
					maxlength : 20
				},
		    txtLastName : {
		            required : true,
		            maxlength : 20
		    },
		    txtEmail : {
					required : true,
					email : true
				},
			txtTele: {
			        required : true,
			        maxlength : 20
			},
			txtSubject : {
			        required : true,
			        maxlength : 50
			},			        
		    txtMessage : {
		            required : true,
		            maxlength : 500
		    }
		},
	    messages: {
			txtFirstName : {
			    required : 'Please input your first name.',
			    rangelength : 'Your first name should be less than 20 characters.'
			},
			txtLastName : {
			    required : 'Please input your last name.',
			    rangelength : 'Your last name should be less than 20 characters.'
			},
			txtTele: {
			    required: "Please input your telephone number.",
			    maxlength : "Your telephone number should be less than 20 characters."
			},
			txtSubject : {
			    required : "Please input your subject.",
			    maxlength : "Your shubject should be less than 50 characters."
			},
			txtMessage : {
			    required : "Please input your message.",
			    maxlength : "Your message should be less than 500 characters."
			},
			txtEmail: {
			    required : 'Please input your email.' ,
			    email : 'Please input a valid email.',
			    remote : 'Your email is taken.'
			}
		}
	});
	
	$(".imgSubmit").click(function(){
	    var bRet = true;
	    bRet = $("#txtFirstName").valid() && bRet;
	    bRet = $("#txtLastName").valid() && bRet;
	    bRet = $("#txtTele").valid() && bRet;
	    bRet = $("#txtSubject").valid() && bRet;
	    bRet = $("#txtMessage").valid() && bRet;
	    bRet = $("#txtEmail").valid() && bRet;
	    if(bRet){
	        return true;
	    }
	    return false;
	});
});