railsのform_withのform.submitからJavaScriptを呼び出したい。

Question

・環境について
ruby 2.4.1
rails 5.2.0です。
scaffoldで生成された入力フォームを使っています。

・やりたいこと
以下のリンク先にあるように、submitされたらcookieで入力内容を保存して、
フォームを再表示すると、
cookieに保存されている内容がテキストフィールドに表示されるようにしたいです。
以下のリンク先はJavaScriptで実装しています。

テキストフォームの内容をクッキーに保存

・わからないこと
以下のform.submitにonClickを仕込めばJavaScriptのfunctionが呼び出せそうに思いますが、やり方がわかりません。

<%= form_with(model: record, local: true) do |form| %>
〜省略〜
  <div class="actions">
    <%= form.submit %>
  </div>
<% end %>

そもそもそのようなやり方はできるのでしょうか。
お教えいただけると助かります。

よろしくお願いいたします。

Comments

[退会済みユーザー]

質問にあるようなものならjs使わなくてもできそうだと思うんですけど、jsでないとダメなんですかね...？非同期処理を行うならわかるんですが...

Answer 1

submitの書き方についての公式APIドキュメントはここですが、これだけだとちょっと分かりにくいですね…。

    <%= form.submit %>

を

    <%= form.submit "submit", id: "btn_submit" %>

などとして、JSのどこかで

document.getElementById("btn_submit").addEventListener("click", SaveAndSubmit, false);

みたいにイベントハンドラを追加するのはどうでしょうか。

Comments

[MichiroSakamoto]

ありがとうございます！
試してみます！