JQuery: Desabilitando um campo do tipo texto (input)

Aprenda neste post como desabilitar a entrada de dados em um campo do tipo texto (input type=”text”).

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function() {
   $("#disable").click(function (){
        // desabilitando o campo 
	$('#campo').attr("disabled", true);
	// mudando a cor do campo
        $('#campo').css("background-color", "#cccccc"); 
   });
});
</script>
</head>
<body>
   Entre com os dados: <input type="text" id="campo" name="campo"> 
   <a href="#" id="disable">Desabilitar campo</a>
</body>
</html>

Uma outra forma de desabilitar um campo do tipo texto:
$(‘#campo’).prop(‘disabled’, true);

Clique aqui para testar o script.

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

  • 20 de maio de 2012 em 19:44
    Permalink

    Obrigado pela postagem ajudou muito!!!!

    Resposta

Deixe uma resposta

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