Railsのremote: trueしたformのsubmitを止める方法

小技が必要だったので、備忘録としてメモします。

ajax:beforeSendを使います

sample.html.erb

<%= form_tag(
      some_path,
      method: :post,
      remote: true,
      id: 'sample-remote-true-form'
    ) do %>
  <%= text_field_tag 'keyword' %>
  <%= submit_tag '送信' %>
<% end %>

この例ではkeywordが空だったらsubmitを止めます

sample.js

$(document).on('ajax:beforeSend', 'form#sample-remote-true-form', function() {
  if ( ! $(this).find('input[name="keyword"]').val().length > 0 ) {
    return false
  }

})

この情報が誰かのお役に立てば幸いです。

参考