Skip to content

Instantly share code, notes, and snippets.

@rafaelcouto
Created October 22, 2017 18:33
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rafaelcouto/6ced716b40a0eb691b7b592ff042643b to your computer and use it in GitHub Desktop.
Save rafaelcouto/6ced716b40a0eb691b7b592ff042643b to your computer and use it in GitHub Desktop.
Desativar/ativar botão de enviar
<script type="text/javascript" language="javascript">
$(function ($) {
// Quando o formulário for enviado, essa função é chamada
$("#formulario").submit(function () {
// Colocamos os valores de cada campo em uma váriavel para facilitar a manipulação
var nome = $("#nome").val();
var email = $("#email").val();
var mensagem = $("#mensagem").val();
// Exibe mensagem de carregamento
$("#status").html("<img src='loader.gif' alt='Enviando' />");
// DESATIVA O BOTÃO DE ENVIAR ANTES DE FAZER A REQUISIÇÃO
$("#formulario input[type=submit]").attr("disabled", "disabled");
// Fazemos a requisão ajax com o arquivo envia.php e enviamos os valores de cada campo através do método POST
$.post('envia.php', {nome: nome, email: email, mensagem: mensagem}, function (resposta) {
// Quando terminada a requisição
// Exibe a div status
$("#status").slideDown();
// Se a resposta é um erro
if (resposta != false) {
// Exibe o erro na div
$("#status").html(resposta);
}
// Se resposta for false, ou seja, não ocorreu nenhum erro
else {
// Exibe mensagem de sucesso
$("#status").html("Mensagem enviada com sucesso!");
// Coloca a mensagem no div de mensagens
$("#mensagens").prepend("<strong>" + nome + "</strong> disse: <em>" + mensagem + "</em><br />");
// Limpando todos os campos
$("#nome").val("");
$("#email").val("");
$("#mensagem").val("");
}
// ATIVA O BOTÃO DE ENVIAR APÓS RECEBER A RESPOSTA DO SERVIDOR
$("#formulario input[type=submit]").removeAttr("disabled");
});
});
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment