jQuery: Hacer que un botón sea visible cuando un cuadro de texto tiene contenido

Question

Dado: Tengo un cuadro de texto y un botón oculto.

Se busca: Cuando el cuadro de texto no es nulo ni está vacío, muestre el botón. Cuando el cuadro de texto es nulo o está vacío, oculta el botón.

Pregunta: ¿Cómo debo hacer esto? ¿Debería usar jQuery y enlazarme al evento keyup de la caja de texto?

Answer 1

Claro, el evento keyup parece una buena idea. Puede hacer algo como:

$("textarea").keyup(function() { 
    if ($(this).val().replace(/ /g, '') == '') 
    $("#id-of-button").show(); 
    else 
    $("#id-of-button").hide(); 
});