禁用按鈕仍提交表單

Question

單擊一次后，“保存”按鈕將被禁用，但是如果再次單擊它，它將重新提交表單。 我猜它永遠不會到達if語句的第一部分。 任何幫助，將不勝感激：

-block extra_scripts

:javascript

  function check_button(){ 
    var saveButtons = $('a[name=saveButton]');
    if (saveButtons.is(':disabled')) { 
      alert("disabled");
      return false;
    }
    else{
      $("#main_form").submit();
      saveButtons.attr("disabled", true);
    }
  }

-block main

  .btn-group.pull-right
    %a.btn.icon-save.btn-callout{
      :name => "saveButton",
      :id => "saveButton",
      :type => "submit",
      :onclick => "check_button()"
      }
      Save

僅需注意，saveButtons包含兩個按鈕。 一個在頁面頂部，一個在底部。

Answer 1

嘗試saveButtons.attr("disabled", "disabled");

Answer 2

我想只有輸入元素可以:disabled （請參閱此處 ）

您可以嘗試if (saveButtons.attr("disabled")) 。

Answer 3

我在我的身上用過這個： https : //stackoverflow.com/a/22557155/5475948

當然，我還有一些其他腳本檢查我的元素以刪除禁用的類。

<form method="post" id="valid">
    <input type="hidden" id="selected-product" name="selected-product" value="">
    <input type="hidden" id="step" name="step" value="1">
    <button type="submit" id="submitter" class="btn btn-green uppercase disabled">Valider</button>
</form>

<script>
//dom ready handler
jQuery(function ($) {
    //form submit handler
    $('#valid').submit(function (e) {
        //check atleat 1 checkbox is checked
        if ($('#submitter').hasClass('disabled')) {
            //prevent the default form submit if it is not checked
            e.preventDefault();
        }
    })
})
</script>