当按下“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就可以做到这一点。