通过一个按钮创建两个表单提交

问题描述 投票:0回答:2

我有一个简单的表单,可以将一些数据提交到SMS服务器以发送SMS。我需要从一个按钮创建两个单独的消息。 message1需要立即发送,而message2需要延迟,这是网关支持的。

我需要两个不同的“消息”字段,一个带有延迟,另一个没有。我不认为服务器允许一次提交两个命令。有没有一种方法可以使表单通过一个按钮按顺序提交?

这两个消息共有的字段是:

<form action="https://api-mapper.clicksend.com/http/v2/send.php" method="post">

<input name="key" type="hidden" value="xxxxxxxxx" />

To: <input name="to" type="text" />

<input name="username" type="hidden" value="xxxxxx" />

<button type="submit" >SUBMIT</button>

导致我出现问题的字段是:

<input name="message" value="message1" />
<input name="message" value="message2" name="schedule" value="time" />
html forms submit
2个回答
0
投票

为什么这不起作用?

<body>
    <form id="form1" action="action.php", method="post">
    <input name="key" type="hidden" value="xxxxxx"/>
    <span>To:</span> <input name="to" type="text" />
    <input name="username" type="hidden" value="xxxxxx" />
    <input name="message1" value="message1" />
    <button type="submit" onclick="submitForms">SUBMIT</button>
    </form>

    <form id="form2" action="action2.php", method="post">
    <input name="key" type="hidden" value="xxxxxx"/>
    <span>To:</span> <input name="to" type="text" />
    <input name="username" type="hidden" value="xxxxxx" />
    <input name="message2" value="message2" name="schedule" value="time" />
    </form>
    </body>

    <script>
    var submitForms = function() {
      document.getElementById("form1").submit();
      document.getElementById("form2").submit();
    }
    </script>

0
投票

尝试一下。

<form id="form1" action="action.php", method="post">
   <input name="key" type="hidden" value="xxxxxx"/>
   <span>To:</span> <input name="to" type="text" />
   <input name="username" type="hidden" value="xxxxxx" />
</form>

<form id="form2" action="action2.php", method="post">
   <input name="message1" value="message1" />
   <input name="message2" value="message2" name="schedule" value="time" />
</form>

<button type="submit" onclick="submitForms">SUBMIT</button>

<!-- add this tag after your body tag -->
<script>
   var submitForms = function() {
      document.getElementById("form1").submit();
      document.getElementById("form2").submit();
   }
</script>
© www.soinside.com 2019 - 2024. All rights reserved.