我已經在表單中添加了一些簡單的JS，現在它發送到我的domain / mailer.php而不是我的“成功”頁面

Question

為了防止用戶創建多個提交，我實現了JavaScript以在按下提交按鈕后禁用它。

我的表單頁面由mailer.php處理，然后定向到成功頁面。 但是，現在，我的表單已提交並定向到mailer.php，並且看來數據未提交。

我認為這與onsubmit覆蓋action=mailer.php 。

這是原因，我該如何解決？

<form 
    onsubmit="document.getElementById('submit').disabled=true;document.getElementById('submit').value='Submitting, please wait...';"
    action="mailer.php" 
    method="post">
  <input 
      name="firstname" 
      type="text"
      placeholder="First Name" 
      class="form-content"/>
  </br>
  <input 
      name="surname" 
      type="text" 
      placeholder="Surname" 
      class="form-content"/>
  </br>

  [edit: removed irrelevant inputs]

  <div id="submitbutton">
    <input name="submit" type="submit" value="Submit" id="submit">
  </div>
</form>

Answer 1

一切看起來都很好。

我在以下位置復制了您的表格：

http://jsfiddle.net/p9nc27qq/

輸入表單的值：

該操作已設置為發送到http://requestb.in/1llii7k1

該站點是HTTP請求站點的調試...

如果您檢查頁面，則可以看到頁面正確接收：

http://requestb.in/1llii7k1?inspect

http://requestb.in/1llii7k1?inspect#1ipe11

無論您做什么，都是正確的，因此您很可能會誤解問題或在服務器上無法正確處理請求。.但是，表格非常好……如上所示。

---

禁用的值也不會與表單一起提交。 因此，請勿檢查是否存在“提交”

禁用的表單輸入未出現在請求中