ストライプ支払いを無効にするフォントを使用して送信ボタン

Question

私のレールアプリはストライプ支払いを受け入れ、支払いアクションのjavascriptは支払いボタンを無効にするので、ユーザーはボタンを何度も押すことができません。これは、コードをJS：

$("#payment-form").submit(function(event) { 

    // disable the submit button to prevent repeated clicks 
    $('.submit-button').attr("disabled", "disabled"); 

私は何をしたいのですが糸車でいくつかのテキストを追加しているが、たとえば言い、このような何か：他の非のためのコードの他の部分で

"<i class='fa fa-spinner fa-spin'></i> Payment Processing..." 

をストライプ関連の操作、私はこのような何かを使用しました：

<%= f.button "Submit", class: "btn btn-primary btn-lg btn-block", data: {disable_with: "<i class='fa fa-spinner fa-spin'></i> Signing up..."} %> 

ここで私のjavascriptにこのフォントの素晴らしい機能を追加しますか？

Answer 1

なぜあなたはdivに配置していないのですか？reqステータスに基づいて表示または非表示にするにはdivのクラスを操作しますか？ like：

$("#payment-form").submit(function(event) { 
     $(".loader").show();