jquery - 入力ボタンをjqueryに置き換えます

Question

フォームの[送信]ボタンをjavascript関数に置き換えようとしています。フォームを送信するために、次のlink_to_functionを挿入できます。

  <%= link_to_function 'Create', "$('form').submit()" %>

ここで、デフォルトのフォーム送信ボタンを上記のjs関数に置き換えてjqueryを使用し、jsが無効になっている場合のフォールバックオプションを設定します。問題は今です：

application.jsファイル内の通常の送信ボタンを置き換えるにはどうすればよいですか？

私は試した：

  $('input:submit').replaceWith("<%= escape_javascript(link_to_function 'Create', "$('form').submit()") %>");

うまくいかないようです：/

score 0 · Accepted Answer

私のアプリケーションでは、同様のことを行います。現在のフォームで送信アクションを実行するボタンがあります。

JQuery:

$('#save').click(function(){
    $('form').submit();
    return false;
});

score 0 · Accepted Answer

送信ボタンを保持し、それにイベントを追加してから、送信を防止することをお勧めします。送信時に ajax 呼び出しを行いたいと思いますか?

html

 <input type="submit" class="submit" />

jQuery

$('.submit').click(function(event){
     event.preventDefault();
    //do what you want here
 });

2 に答える 2