JavaScript 在 PHP 之前沒有響應（表單操作 = “php 文件” onsubmit = “表單的字段驗證功能”

Question

我已經在網上（包括 StackOverflow 例如）上調查了很長時間（太長），但沒有任何成功。 很多人都問了這個問題，但提出的解決方案中沒有一個對我有幫助。 所以無奈之下，我又回到了這個論壇。

<form id="myForm" method="post" action="updateMySQLGuests.php" onsubmit="return formSubmit()">

這個布爾結果函數在調用UpdateMySQLGuests.php之前檢查字段的值是否正確（例如，驗證電子郵件是否包含@ ）以在 MySQL 中通過 POST 方法使用這些表單字段的值創建記錄。 但是action= updateMySQLGuests.php在formSubmit()函數之前執行formSubmit()實際上根本沒有執行）。 我在localhost使用 Wampserver 工作。

Answer 1

您可以將表單的操作移動到formSubmit()來解決此問題

<form id="myForm" method="post" onsubmit="return formSubmit()">

和formSubmit()代碼：

function formSubmit() {
  // the old code
  ...

  // call submit form
  document.getElementById('myForm').action = "updateMySQLGuests.php";
  document.getElementById('myForm').submit();

}

Answer 2

<!--  in place of <form name= "myForm" id="myForm" action="updateMySQLGuests.php" method="post" onsubmit="return formSubmit()"> : -->

<form name="myForm" id="myForm" action="updateMySQLGuests.php" method="post">
    <!-- action="updateMySQLGuests.php" -->
    <label for="firstnames">Prénom:</label>
    <input type="text" id="firstname" size="20" name="firstname"><br>
    <label for="Lastnames">Nom:</label>
    <input type="text" id="lastname" size="20" name="lastname" list="lstLastnames">
    <datalist id="lstLastnames"> </datalist> <br>
    <label for="email">E-mail:</label>
    <input type="text" id="email" size="20" name="email"><br><br>

    <!-- in place of <input type="submit" value="post"/> : -->

    <button onclick="return validateValues()">Submit</button>
</form>