使用 Javascript / Jquery 提交表單且不含按鈕

Question

我試圖透過呼叫 JavaScript 函數並使用 JQUERY / PHP 執行表單來提交沒有按鈕的表單。我希望表單在後端靜默執行，而無需重新載入頁面。不幸的是，它不斷傳回 JavaScript 函數未定義的錯誤，即使它在頁面上。誠然，我不擅長 JavaScript，所以請把我當作菜鳥，並為我指明正確的方向。謝謝，我的程式碼是

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="my_1form" action="" method="POST">
    <input type="text" name="acc_name" id="acc_name" value="name"/>
    <br/>
    <input type="text" name="with_id" id="with_id" value="1"/>
     <div onclick="submit_1form()">Submit</div>

</form> 

<script>
$(document).ready(function() {
  function submit_1form() {
    var fo1rm = document.getElementById("my_1form");
    fo1rm.submit();
    var acc_name = $("#acc_name").val();
    var with_id = $("#with_id").val();

    var dataString = 'acc_name=' + acc_name +
      '&with_id=' + with_id; {
      // AJAX Code To Submit Form.
      $.ajax({
        type: "POST",
        url: "submit-withdraw.php",
        data: dataString,
        cache: false,
        success: function(result) {}
      });
    }
    return false;
  }
});
</script>

請注意，我在標頭標籤 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js">< /script> 中呼叫了Jquery 腳本< /p>

非常感謝！

Answer 1

首先確保您的 jQuery 檔案正確加載，並且最好在表單提交上呼叫您的 javascript 函數。

Answer 2

您的 submit_1form 函數嵌套在匿名 document.ready() 函數中，因此在需要時無法在作用域中找到它。由於它是一個函數，因此不需要先在 document.ready 中定義它。

為了避免頁面重新加載，請不要使用 form 的典型 submit 事件。相反，請像現在一樣使用 A​​JAX，並透過 div 的 click 事件觸發該 AJAX。

sssccc

Submit

sssccc