在输入文本之前隐藏提交按钮

Question

尝试在输入文本之前隐藏提交按钮，但似乎没有发生任何事情。 （coffeescript中有些东西是错的，但我不知道什么 - 对js来说很新）

我的表单如下：

<%= f.input :body, as: :text, input_html: { :id => "inputBody" } %>
<%= f.submit "Answer", { :id => "button" }%>

Coffeescript看起来像这样：

$(document).ready ->
    $("#button").hide()
    $("#button").show() if $("#inputBody").length > 0

Answer 1

我不知道CoffeeScript，但在JavaScript中你可以尝试这样的事情：

$(function(){
     $("#button").hide();

     $("#inputBody").keyup(function() {
         var val = $(this).val();
         if (val.length > 0) {
             $('#button').show();
         }
         else {
             $('#button').hide();
         }

     });
});