同じPHP関数がJSを使用して複数回実行されています。サブミット

Question

ユーザーがJQueryを使用してサブミットボタンをクリックしたときにフォームを送信しています。しかし、それをクリックすると同じフォームを複数回送信してしまい、なぜこのようなことが起こっているのかわかりません。たくさんのことを試しましたが、失敗しました。以下はコードです。

下記のPHP、Javascript、HTMLコードを追加しています。

HTML：

<div class="box-body big"> 
     <form id="pdf-generator" action="<?= $this->base; ?>/companies/generatePdf/" method="post" target="_blank"> 

      <select id="pdfname" class="form-control" name="pdfname"> 

       <option value="showfields">---Show Available Fields---</option> 
       <option value="29300____test1.pdf">29300____test1.pdf</option> 
      </select> 
      <input type="hidden" name="fieldPairs" id="fieldPairs" value="" /> 
     </form> 


     <div class="divide-12"></div> 
     <button id="genPdfFormButton" type="button" class="btn btn-success pull-right">Generate PDF</button> 
     <div class="divide-12"></div> 
</div> 

JS：

 $('#genPdfFormButton').click(function(){ 

     var elements = document.getElementsByTagName("input"); 
     var textAreas = document.getElementsByTagName("textarea"); 

     var list = ""; 
     var pair = ""; 

     document.getElementById("fieldPairs").value = ''; 
     //all input fields 
     for (var i=0; i<elements.length; i++) { 
      pair = elements[i].id + "=" + elements[i].value; 
      list = (list.length == 0) ? pair : list + "|" + pair; 
     } 
     //all textareas 
     for (var i=0; i<textAreas.length; i++) { 
      pair = textAreas[i].id + "=" + textAreas[i].value; 
      list = (list.length == 0) ? pair : list + "|" + pair; 
     } 

     document.getElementById("fieldPairs").value = list; 

     $('#pdf-generator').submit(); 
    }); 

PHP：このコードは、私が機能するので、同じログメッセージを複数回見ることができますPHPの関数を呼び出す

public function generatePdf() { 
    $this->log("==>===============[start]=====================", 'debug'); 
    $this->autoRender = false; 

    $pdfName = $this->request->data['pdfname']; 

    //get the submitted data 
    $formData = $this->processFormData($this->request->data['fieldPairs']); 

    if($pdfName == "showfields") { //show only form data fields 
     var_dump($formData); 
    } else { //generate PDF file 

     $this->log("==> gonna call generatePdf <== ", 'debug'); 
     $pdf = new PdfForm(PDF.$pdfName, $formData); 
     $pdf->download(); 
    } 
} 

複数の時間と呼ばれています。

p.s：この問題は、送信ボタンを複数回クリックしたことによるものではありません。

Answer 1

を提出することをクリックするたびに無効にする必要がありますので、多くの時間を無駄にし、多くのコードをデバッグした後、私は問題を修正しました。それは私のブラウザにインストールされているIDM（Internet Download Manager）の拡張機能によるものです。私はそれを無効にし、すべてが期待どおりに機能し始め、機能は現在1回しか実行されていません。

phew！

Answer 2

あなたはそのボタンをユーザーが

$('#genPdfFormButton').click(function(){ 
    $(this).prop('disabled', 'disabled'); 
    ... 
}