Publicado em 13 de fev.

Desabiltar input

Olá bom dia, gostaria de uma ajuda de vocês.

Preciso desabilitar um input na seguinte condição, se o input "dt_conclusao" tiver uma data ele deve desabilitar o input "anoemcurso".

Se o input "dt_conclusao" não tiver nada o input "anoemcurso" fica disponível para edição.

Vejam o que estou fazendo, mas não está dando muito certo:

	<script>
 $(document).ready(function() {
 $("#dt_conclusao").blur(function (){
 if ("#dt_conclusao" != "") {
 // desabilitando o campo
 $('#anoemcurso').attr("disabled", true);
 // mudando a cor do campo
 $('#anoemcurso').css("background-color", "#CCCCCC");
 } else {
 // habilitando o campo
 $('#anoemcurso').attr("disabled", false);
 }
 });
 });
 </script>

Se puderem me ajudar, agradeço.

Valeu e fiquem na paz.

Discussão (5)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Andrew Marques· 13 de fev.

Fiz aqui rapidin acho que vai resolver! :thumbsup:

<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
function verifica_dt_conclusao(){
	var dt_conclusao = $("#dt_conclusao").val();
	if(dt_conclusao == ""){
 $('#anoemcurso').attr("disabled", true);
 $('#anoemcurso').css("background-color", "#CCC");
	}else{
 $('#anoemcurso').attr("disabled", false);
 $('#anoemcurso').css("background-color", "#FFF");
	}
}
</script>

<form name="formulario" action="" method="post">
	<input type="text" name="dt_conclusao" id="dt_conclusao" onkeyup="verifica_dt_conclusao();" />
	<br />
	<input type="text" name="anoemcurso" id="anoemcurso" />
</form>

webdevelopermgri· 13 de fev.

Olá Andrew Marques, valeu pelo post, mas ainda estou com um problema.

Ao entrar nos meus campos de input eu aciona um scrip que formata a máscara para os campos nesse formato:

 $('#dt_conclusao').mask('99/99/9999');
 $('#dt_inicio').mask('99/99/9999');});

Ao entrar no campo fico com essa máscara "__/__/____", portando o campo não é vazio e a lógica falha.

Valeu e fique na paz.

Deu uma corrigida na sua lógica para se adequar a minha necessidade:

<script>
	function VerificaData(){
 var dt_conclusao = $("#dt_conclusao").val();
 if(dt_conclusao == ""){
 $('#anoemcurso').attr("disabled", false);
 }else{
 $('#anoemcurso').attr("disabled", true);
 }
	}
</script>

Andrew Marques· 13 de fev.

Assim creio que resolva:

if(dt_conclusao == "" || dt_conclusao == "__/__/____")

webdevelopermgri· 13 de fev.

Valeu Andrew Marques, isso mesmo, estava testando essa possibilidade no mesmo momento que você postou o seu código, muito obrigado pela ajuda.

Fique na paz.

Andrew Marques· 13 de fev.

Por nada!

Se foi útil por favor de um /applications/core/interface/imageproxy/imageproxy.php?img=http://forum.imasters.com.br/public/style_images/imasters/rep_up.png&key=69f1cee84b0cec2770cf4978eb26283900cc6cd53272a52e2e7da158a809e582" alt="rep_up.png" />

Abraços!