在添加到数据库之前使用javascript编辑表单输入

Question

我有一个像这样的基本轨道形式：

<%= form_for @song do |f| %>

  <p>
    <%= f.label :url %><br>
    <%= f.text_field :url %>
  </p>

  <p>
    <%= f.submit %>
  </p>
<% end %>

还有其他领域，但只有这一领域是相关的。我希望能够输入youtube链接，但我希望嵌入链接存储在数据库中。我有一个javascript函数将常规链接转换为嵌入链接，那么如何在提交之前在输入上运行此函数？

Answer 1

您只需在表单上注册提交事件的处理程序：

$('form#new_song').on('submit', function() {
  field = $(this).find('input#url');

  field.val(conversion_function(field.val()));
});