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>