submit 時に JavaScript で処理を行う

<%= form_with model: @post, html: { id: 'post_form' } do |f| %>
  <%= f.submit %>
<% end %>

<script>
$(function() {
  $('#post_form').on('submit', function() {
    alert('submit!');
    return true; // 処理を継続する場合は true を返す
  });
});
</script>

参考:

submit前に処理を行う方法 – Qiita

ruby on rails 5 – How to add and onclick event to a submit_tag – Stack Overflow

RubyOnRailsのform_forでsubmitする際にonClick処理をする – Qiita

submitにセットしたonClickの挙動について – 基本へ帰ろう

JavaScript – Railsのform_forのsubmitをjQueryで中断したい(75878)|teratail

JSでsubmitイベント時のreturn falseの扱い方 – ぽんぽこ開発日記

submit – ActionView::Helpers::FormBuilder | Ruby on Rails API [Official]

form_with – ActionView::Helpers::FormHelper | Ruby on Rails API [Official]

form_for – ActionView::Helpers::FormHelper | Ruby on Rails API [Official]

Rails で JavaScript を使用する | Rails ガイド [公式]

複数の送信ボタンを設置する

参考:

フォームに設置した複数のsubmitボタン(送信ボタン)をjQueryで制御する: 小粋空間

フォーム外に送信ボタンを設置する

参考:

フォームに設置した複数のsubmitボタン(送信ボタン)をjQueryで制御する: 小粋空間

タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です