我已经在表单中添加了一些简单的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

无论您做什么，都是正确的，因此您很可能会误解问题或在服务器上无法正确处理请求。.但是，表格非常好……如上所示。

---

禁用的值也不会与表单一起提交。 因此，请勿检查是否存在“提交”

禁用的表单输入未出现在请求中