為什么 JQuery 點擊事件不能與在 Android Web 視圖中提交表單結合使用？

Question

我有以下 html 表格：

<form id="editForm" method="post" action="/food/update" enctype="multipart/form-data">
  <div class="form-group">
    <input type="text" name="title" class="form-control">
  </div>
  <div class="form-group">
    <button id="submitEdit" type="submit" name="submit" value="Änderungen speichern">Submit</button>
  </div>
</form>

挑戰是在用戶單擊提交按鈕時禁用該按鈕，以防止重復的 http 請求。 看我的js代碼。

$(document).ready(function(){

  $(document).on("click", "#submitEdit", function () {
    $('form#editForm').submit();
    $('#submitEdit').attr('disabled', true);
    $('#submitEdit').html('Saving...');
  });

});

它在桌面上運行良好，但在 web 視圖中卻不行。 在 web 視圖應用程序中，我單擊按鈕，按鈕文本更改為“正在保存...”，但沒有任何反應。 表格未發送。

在測試之前，我已經清除了手機上的緩存。

謝謝！

Answer 1

只需刪除這行代碼

//$('form#editForm').submit();    


 $(document).ready(function(){
    
      $(document).on("click", "#submitEdit", function () {
        $('#submitEdit').attr('disabled', true);
        $('#submitEdit').html('Saving...');
      });
    
    });