-
-
Save rafaelcouto/6ced716b40a0eb691b7b592ff042643b to your computer and use it in GitHub Desktop.
Desativar/ativar botão de enviar
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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