单击任何按钮时提交PHP表单

Question

目前正在设置一个表单以在支付系统中创建新订单，当我单击表单中的任何按钮时，表单会提交。有谁知道可能是什么问题？ 这是有问题的代码：

     <form action="scripts/php/addorder.php" method="POST">
      <script src="scripts/javascript/cookies.js"></script>
      <script src="scripts/javascript/addproduct.js"></script>
      <label>Choose Customer: </label>
      <input type="text" value="" name="name" id="name" required readonly>
      <button onclick ="window.open('customertable.php','popup','width=600,height=600');">Choose</button>
      <br/>
      <div id="products">
          <label>Products: </label>
          <br/>
          ID: <input type="text" value=" " name="chosenproduct0" id="chosenproduct0" required readonly>
          Name: <input type="text" value=" " name="chosenproduct0name" id="chosenproduct0name" required readonly>
          Price: <input type="text" value=" " name="chosenproduct0price" id="chosenproduct0price" required readonly>
          Quantity: <input type="number" value="1" name="chosenproduct0quantity" id="chosenproduct0quantity" required>
          <button onclick ="findproduct('chosenproduct0');">Choose Product</button>
      </div>
      <br/>
      <label>Discount: </label>
      <input type="number" placeholder="0" name="discount" id="discount" step=".01" min="0">
      <label>Total: </label>
      <input type="number" value="0" name="total" id="total" readonly>
      <button onclick="addproduct()">Add Product</button>
      <br/>
      <input type="submit" id="submit" value="Create New Order" class="button"/>
      </form>

Answer 1

<button> 的默认类型是 submit。显式将其设置为button，默认情况下不应提交表单：

<button type="button" onclick="addproduct()">Add Product</button>

Answer 2

默认情况下，单击按钮时会刷新页面/提交表单。您可以通过将属性 type="button" 添加到按钮来解决此问题。

<button type="button" onclick="myFunction()">My button</button>

Answer 3

防止在<Form>元素中使用<button>元素，

默认情况下，它的行为等同于<input type="submit"> 元素。

所以更喜欢这个

<input type="button" value="Add Product">