Railsのform_forのsubmitをjQueryで中断したい

Question

Ruby on Railsで作ったform_for、f.submitで生成されたsubmitボタンがあります。
これを押したときにはリダイレクトする仕様です。

jQueryで試しにこのsubmitボタンを押した時の挙動をすべてキャンセルしたいと思っています。（押しても何も起きない状態を作る）

= f.submit '作成', id: 'js-task'

$(document).on('turbolinks:load', function() {
  $('#js-task').submit(function(){
      return false;
  });
});

しかしこれだと普通に遷移されてしまいます。
助言お願い致します。

Answer 1

Rubyは殆どあまり知識ありません。
前提としてsubmitイベントが走るのはform要素です。
質問の内容からして、おそらく

<form>
<input type="submit" id="js-task" value="作成">
</form>

のように出力されると思いますが、この場合js上のイベントは
form要素につけなければいけないので

$(document).on('load', function() {
  $('form').submit(function(){
      return false;
  });
});

となるのではないかと思います。

Comments

[dongw]

回答ありがとうございます。
なるほど！submitの要素を参照していましたがformの要素を参照しなければならないのですね。
確かに動きました。ありがとうございました。

Answer 2

clickイベントを使ってはどうでしょう？

  $('#js-task').on('click', function(){
      console.log('submit canceled');
      return false;
  });

Comments

[dongw]

コメントありがとうございます。
しかしこちらでも動作は変わりませんでした・・・