JQuery: Desabilitando um campo do tipo texto (input)

Publicado em: 21 de setembro de 2010Categoria: JQueryTag(s):
    Obrigado! você é a 5.877ª pessoa que visita este post.

    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’).attr({disabled: ‘true’});

    Related posts:

    1. JQuery: Alterando o texto e o atributo title de um button
    2. JQuery: Setando o foco em campo específico
    3. JQuery: Atribuir objetos em variáveis
    4. JQuery: Setando o foco no primeiro campo
    5. JavaScript: Setando o foco em um campo