我如何防止重復提交

Question

大家好！

我這里有問題

我有3個

      <a href="{$baseUrl}/default/report/download-ready-prompt?id={$order.id}" name ="ahref" id="promptButton" class="button-blue printing">Prompt</a> &nbsp;

      <a href="{$baseUrl}/default/report/download-ready-cert?id={$order.id}" name = "ahref" id="certButton" class="button-blue printing withSignature">Cert</a> &nbsp; 

      <a href="{$baseUrl}/default/report/download-ready-invoice?id={$order.id}" name ="ahref" id="invoiceButton" class="button-blue printing withSignature">Invoice</a> &nbsp;

這3個鏈接在同一頁面中加載

如果單擊一個鏈接，它將下載。 但是，如果我再次單擊它，我將不會下載

因為我輸入了這樣的JavaScript

    <script type="text/javascript"> 
    {literal}
        $(document).ready(function(){
             var submitStatus = false;
        $('a#promptButton').click(function(e){
             if (!submitStatus) {
               submitStatus = true;
        } else {
             e.preventDefault();
        }
        });
        $('a#certButton').click(function(e){
           if (!submitStatus) {
          submitStatus = true;
         } else {
        e.preventDefault();
        }
        });
        $('a#historyButton').click(function(e){
        if (!submitStatus) {
          submitStatus = true;
        } else {
          e.preventDefault();
        }
        });
        $('a#invoiceButton').click(function(e){
        if (!submitStatus) {
           submitStatus = true;
        } else {
           e.preventDefault();
        }
        });
        });
      {/literal}
      </script>

如果我想下載兩次但我將阻止重復提交，我的代碼將是什么？ 任何人都可以幫助我:(

Answer 1

此示例代碼可能有助於解決您的問題。

HTML

<a href="http://www.google.com" target="_blank" >Google</a>
<a href="http://www.yahoo.com"  target="_blank">Yahoo</a>
<a href="http://www.stackoverflow.com"  target="_blank">Stackoverflow</a>

JS：

$('a').click(function(e){
    $this = $(this);
    if($this.data('disabled') == 'true'){
        e.preventDefault();
        setTimeout(function(){$this.data('disabled', 'false')}, 10); //Enable the anchor tag after 10 milliseconds
    }else{
        $this.data('disabled', 'true');
    }    
});

演示： http ： //jsfiddle.net/rUrk4/6/

Answer 2

我為您提供簡單的解決方案，

只需在包含課程的JQuery之后放置此jQuery代碼

<script type="text/javascript" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>

<script type="text/javascript">$('a:visited').click(function(){return false;});</script>

這樣可以防止點擊頁面中所有已訪問的鏈接。 :)

因此，第一次單擊將起作用，第二次則不會。

我希望這種解釋可以做:)