Habilitar um botão após clicar em outro botão

JorgitoDF · Dezembro 2, 2012

Boa tarde pessoal,

Preciso de uma ajuda.

Num formulário de cadastro de cliente possui os botões Novo e Salvar, preciso deixar este formulário da seguinte forma:

Quando a página for carregada o botão salvar deverá estar desabilitado, porém quando clicar no botão Novo o botão Salvar deverá ficar habilitado e quando o botão Salvar for clicado e os dados terem sido gravados com sucesso o botão Salvar deverá voltar a ficar desabilitado. Será que alguém pode me ajudar com este código????? Eu consegui fazer com q o botão Salvar fique desabilitado ao carregar a página, como deve fazer o restante agora?

Pode ser em JavaScript ou com jQUERY, alguém pode me ajudar?

Agradeço a ajuda.

<script type="text/javascript">

window.onload = function(){

var btn_salvar = document.getElementById("Salvar").disabled = true;

}

</script>

Bru_ce · Dezembro 3, 2012

Amigão, faça com jQuery e Escreva Menos.

Fiz algo para você, estude e modifique conforme suas necessidades.

CTRL + C / CTRL + V :thumbsup:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
$("#novo").click(function(){
	$("#salvar").removeAttr('disabled');
});	
});
</script>
</head>

<body>
<input type="button" value="Novo" id="novo" />
<input type="button" disabled="disabled" id="salvar" value="Salvar" />
</body>
</html>

JorgitoDF · Dezembro 3, 2012

Caro Bruce,

Era isso que eu desejava, ficou perfeito só que agora preciso fazer com que o botão Salvar volte a ficar desabilitado depois que o usuário clicar no botão Salvar e os dados forem salvos, para evitar q seja clicado novamente o todos os dados seja gravados no BD em duplicidade, entendeu? Tentei fazer a partir do seu código porém não consegui, podes me ajudar mais uma vez?

Grato

Bru_ce · Dezembro 4, 2012

Amigão, você não procurou na net.

Na próxima vez procure no google ou até aqui mesmo para ver se ninguém teve a mesma dúvida que você.

$('#elemento').attr('disabled', 'disabled');

JorgitoDF · Dezembro 4, 2012

Amigão, você não procurou na net.

Na próxima vez procure no google ou até aqui mesmo para ver se ninguém teve a mesma dúvida que você.
$('#elemento').attr('disabled', 'disabled');

Oi Bruce pior que procurei sim e vi este mesmo trecho de código que você me falou, mas brother sou iniciante em jquery ainda não tenho as manhas entende? eu tentei usar este código abaixo mas não funciona em qual parte do outro código este deve entrar?

$('#elemento').attr('disabled', 'disabled');

Bru_ce · Dezembro 4, 2012

Entendi amigo,

você tem que colocar esse trecho de código quando o usuário clicar no outro botão,

tenta entender, caso contrário volte aqui ! Boa Sorte ! :thumbsup:

JorgitoDF · Dezembro 5, 2012

Entendi amigo,

você tem que colocar esse trecho de código quando o usuário clicar no outro botão,

tenta entender, caso contrário volte aqui ! Boa Sorte ! :thumbsup:/>

Fala ai Bruce,

Tentei assim mas não deu certo, só funciona a primeira parte, o segundo código não está funcionando, onde estou errando?

$(document).ready(function(){

$('#novo').click(function(){

$("#salvar").removeAttr("disabled");

});

});

$(document).ready(function(){

$('#salvar').attr('disabled', 'disabled');

});

Bru_ce · Dezembro 5, 2012

Man, você só deve fazer isso uma vez:

$(document).ready(function(){
// todo o seu script vai aqui !
});

"Tentaí" :thumbsup:

JorgitoDF · Dezembro 6, 2012

Man, você só deve fazer isso uma vez:
$(document).ready(function(){
// todo o seu script vai aqui !
});
"Tentaí" :thumbsup:/>

Amigo tentei dessas 2 formas abaixo e tb não funfou......

$(document).ready(function(){

$('#novo').click(function(){

$("#salvar").removeAttr("disabled");

$('#salvar').attr('disabled', 'disabled');

});

});

$(document).ready(function(){

$('#novo').click(function(){

$("#salvar").removeAttr("disabled");

});

$('#salvar').attr('disabled', 'disabled');

});

Bru_ce · Dezembro 6, 2012

SEGUE,

Porém para fazer o que você deseja vai ter que utilizar Ajax.

Ou Colocar o PHP nessa mesma página, e quando o formulário receber o submit você trava o botão salvar, quebra a cabeça um pouco man ! :thumbsup:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
       $("#novo").click(function(){
               $("#salvar").removeAttr('disabled');
       });

	$("#salvar").click(function(){
			// AQUI SEUS COMANDOS AJAX
               $("#salvar").attr('disabled', 'disabled');
       });


});
</script>
</head>

<body>
<input type="button" value="Novo" id="novo" />
<input type="button" disabled="disabled" id="salvar" value="Salvar" />
</body>
</html>

JorgitoDF · Dezembro 7, 2012

SEGUE,

Porém para fazer o que você deseja vai ter que utilizar Ajax.

Ou Colocar o PHP nessa mesma página, e quando o formulário receber o submit você trava o botão salvar, quebra a cabeça um pouco man ! :thumbsup:/>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
       $("#novo").click(function(){
               $("#salvar").removeAttr('disabled');
       });

	$("#salvar").click(function(){
			// AQUI SEUS COMANDOS AJAX
               $("#salvar").attr('disabled', 'disabled');
       });


});
</script>
</head>

<body>
<input type="button" value="Novo" id="novo" />
<input type="button" disabled="disabled" id="salvar" value="Salvar" />
</body>
</html>

Valeu mesmo amigo, muito obrigado pela ajuda, o restante eu dou conta de fazer...

Um abraço

JorgitoDF · Dezembro 8, 2012

Valeu mesmo amigo, muito obrigado pela ajuda, o restante eu dou conta de fazer...

Um abraço

Bruce, venho lhe pedir mais uma ajuda se possível...

Veja o código abaixo....

Explicando o código:

<span id="sucessoError">erroSucesso</span> // esta span está no formulário de cadastro e vai receber a mensagem "Dados cadastrados com sucesso!" caso todos os dados do formulário sejam gravados com sucesso no BD.

Então coloquei no código abaixo o se o valor de #sucessoError for igual a "Dados cadastrados com sucesso!", desabilite o botão Salvar.

if($("#sucessoError").val() == "Dados cadastrados com sucesso!"){

$("#Salvar").attr('disabled', 'disabled');

}

Não deveria funcionar desta forma?

Podes me ajudar mais nesta?


$(document).ready(function(){
	$("#new").click(function(){
			$("#Salvar").removeAttr('disabled');
			$("#consultor").removeAttr('disabled');
			$("#email").removeAttr('disabled');
			$("#telefone").removeAttr('disabled');
			$("#celular").removeAttr('disabled');
			$("#parceiro").removeAttr('disabled');
	});
			$("#Salvar").click(function(){
				$(".msgError").html("");
				$(".msgError").css("display","none");
				var consultor = $("#consultor").val();
				var email = $("#email").val();
				var telefone = $("#telefone").val();
				var parceiro = $("#parceiro option:selected").val();
				$.post("valida_consultor.php",{consultor: consultor, email: email, telefone: telefone, parceiro: parceiro}, 
				function(retorno){
					beforeSend:$("#retorno").html(retorno);
				});
					if($("#sucessoError").val() == "Dados cadastrados com sucesso!"){	
						$("#Salvar").attr('disabled', 'disabled');
					}	
				return false;	
			});


});

Bru_ce · Dezembro 9, 2012

Procura pelo evento submit do jQuery.

Arquivado

Habilitar um botão após clicar em outro botão

Recommended Posts

JorgitoDF 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Bru_ce 53

Compartilhar este post

Link para o post

Compartilhar em outros sites

JorgitoDF 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Bru_ce 53

Compartilhar este post

Link para o post

Compartilhar em outros sites

JorgitoDF 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Bru_ce 53

Compartilhar este post

Link para o post

Compartilhar em outros sites

JorgitoDF 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Bru_ce 53

Compartilhar este post

Link para o post

Compartilhar em outros sites

JorgitoDF 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Bru_ce 53

Compartilhar este post

Link para o post

Compartilhar em outros sites

JorgitoDF 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

JorgitoDF 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Bru_ce 53

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante