Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

webdevelopermgri

Desabiltar input

Recommended Posts

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.

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

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>

Compartilhar este post


Link para o post
Compartilhar em outros sites

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> 

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.