$(document).ready(function() {
	// Configurando o as validações
	$("#autenticacao-admin").validate({
		rules: {
			edtUsuario: {required: true },
			edtSenha: {required: true }
		},
		messages: {
			edtUsuario: {required: '' },
			edtSenha: {required: '' }
		},
		
		// Enviando o formulário
		submitHandler: function(form) {
		    var options = { 
		        target:        '#retorno-formulario-autenticacao', // target element(s) to be updated with server response 
		        beforeSubmit:  showRequest,           // pre-submit callback 
		        success:       showResponse,          // post-submit callback 
		 		url:           "home/validarAutenticacao"
		 		     
		        // other available options: 
		        //url:       url         // override for form's 'action' attribute 
		        //type:      type        // 'get' or 'post', override for form's 'method' attribute 
		        //dataType:  null        // 'xml', 'script', or 'json' (expected server response type) 
		        //clearForm: true        // clear all form fields after successful submit 
		        //resetForm: true        // reset the form after successful submit 
		 
		        // $.ajax options can be used here too, for example: 
		        //timeout:   3000
		    };
		 
		    // bind to the form's submit event 
		    $('#autenticacao-admin').submit(function() {
		        // inside event callbacks 'this' is the DOM element so we first 
		        // wrap it in a jQuery object and then invoke ajaxSubmit 
		        $(this).ajaxSubmit(options);
		        $("#autenticacao-admin")[0].reset();
		 
		        // !!! Important !!! 
		        // always return false to prevent standard browser submit and page navigation 
		        return false;
		    });
		}
	});
});

function showRequest() {
	document.getElementById('retorno-formulario-autenticacao').innerHTML = 'Processando...';
	return true;
}

function showResponse(response) {
	document.getElementById('retorno-formulario-autenticacao').innerHTML = response;
}