JQuery: Habilitando um campo do tipo texto (input)

Salve meus caros!

Mais uma dica de jquery. Aprenda a habilitar um campo do tipo texto (input), neste post.

<html>
<head>
<script type="text/javascript" 
       src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
	// campo desabilitado
	$('#campo1').attr("disabled", true);
	// cor de fundo para o campo
	$('#campo1').css("background-color", "#cccccc");
 
	$("#enable").click(function (){ 
		// habilitando o campo
		$('#campo1').attr("disabled", '');
		// retornando a cor padrao
		$('#campo1').css("background-color", "#FFF");
	});
});
</script>
</head>
<body>
Entre com os dados: 
   <input type="text" id="campo1" name="campo1" /> 
   <a href="#" id="enable" />Habilitar campo</a>
</body>
</html>

Uma outra forma de habilitar um campo do tipo texto (input):
$(‘#campo1’).removeAttr(“disabled”);

Até a próxima!

2 comentários em “JQuery: Habilitando um campo do tipo texto (input)

  • 27 de outubro de 2011 em 10:34
    Permalink

    Seria bom vc colocar o JQuery que faz isso funcionar

    Resposta
    • 18 de novembro de 2011 em 14:26
      Permalink

      Obrigado pela colocação Jonas.

      O script foi testado na versão 1.4.2 do JQuery.

      Alterei o script.

      Abraços.

      Resposta

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *