當按下「Enter」按鈕時，表單不會提交

Question

我有一個表單，當用戶選擇創建一個新帳戶時呈現。在app/views/accounts/new.js.erb裏面，我有一些呈現表單的JS。

$("#freeze_container").find('table > tbody > tr:first').after("<%= j(render(partial: "accounts/form", locals: { account: @new_account }))%>") 

這是什麼，局部的樣子：

<tr class='new-account'> 
    <%= form_for(account, :remote => true, class: "account-form") do |f| %> 
    <td> 
     <span class="category"> 
     <%= f.select :category, Account::CATEGORIES %> 
     </span> 
    </td> 
    <td> 
     <span class="institution"> 
     <%= f.text_field :institution %> 
     </span> 
    </td> 
    <td> 
     <span class="name"> 
     <%= f.text_field :name %> 
     </span> 
    </td> 
    <% end %> 
</tr> 

這使得正確的，但是，當我在值表單字段中輸入並按進入，什麼都不會發生。當我看到日誌時，看起來我沒有采取任何行動。我做錯了什麼？

Answer 1

要使輸入密鑰起作用，您需要input和type=submit。

您可以添加一個簡單的submit按鈕到您的代碼並使其隱藏在CSS中，或者更好的選項，將更清潔並適用於所有瀏覽器，您可以使用JavaScript並在窗體上聆聽輸入密鑰按下。看到this SO accepted answer例如jQuery就可以做到這一點。