如何提交表单然后禁用提交按钮？ [复制]

Question

这是我的 HTML sn-p：

<form  method="post" id="form-post">{% csrf_token %}
  <div class="form-group">
    <label for="form-labname">Lab Name</label><br>
    {{form.labname}}
  </div>
  <div class="form-group">
    <label for="form-cidr">CIDR Block</label><br>
    {{form.cidr}}
  </div>
  <div class="form-group">
    <label for="form-budget">Budget</label><br>
    {{form.budget}}
  </div>
 <input id='submit' type='submit' class="btn btn-primary"  
  style="background-color:#3facdb;border-color=#3facdb;" value='Submit' />
</form>
  </div>
<input type="hidden" id="myemail" name="variable" value="{{ emailid }}">
</input>

我需要在提交表单值后禁用提交按钮。我尝试了很多情况，但即使按钮被禁用，表单也没有提交。我还需要提交隐藏的“myemail”值。

这是我的javascript：

 $(document).ready(function () {
 $("#form-post").submit(function () {
    $("#submit").attr("disabled", true);
    return true;
   });
});

虽然这会禁用提交按钮，但不会提交值。

Answer 1

创建一个布尔变量并在按钮单击时使其为真。 还将 [disable]=variable_name 添加到您的按钮 HTML 声明中。