Desabilitando um campo do tipo texto

by Tiago Agostinho

HTML

Entre com os dados: <input type="text" id="campo" name="campo"> 
<a href="#" id="disable">Desabilitar campo</a>

JavaScript

$("#disable").click(function (){
		// desabilitando o campo 
    
    // forma 1 - jQuery 1.5-
		$('#campo').attr("disabled", true);
    
    // forma 2 - jQuery 1.6+
    //$('#campo').prop('disabled', true);
    
		// mudando a cor do campo
    $('#campo').css("background-color", "#cccccc"); 
	});