Question

我有一个这样的表格：

的index.php

<form method="post" action="send.php">
  <textarea name="msg" id="msg"></textarea>
  <input type="submit" value="Send" />
</form>

因此，如果我在textarea中输入内容并单击“发送”，则会将其提交到“send.php”页面。但是我想要包含另一个按钮来预览它。也就是说，当单击此按钮时，上面的表单将提交到“preview.php”，它将在新的空白窗口/选项卡中打开（原始页面即index.php将完好无损）。这是为了显示用户要发送的消息的预览。

我不知道该怎么做。

Answer 1

使用Javascript暂时更改操作和目标：

<form method="post" action="send.php" id="idOfForm">
  <textarea name="msg" id="msg"></textarea>
  <input type="submit" value="Send" />
</form>
<button onclick="doPreview();">Preview</button>
<script type="text/javascript">
    function doPreview()
    {
        form=document.getElementById('idOfForm');
        form.target='_blank';
        form.action='preview.php';
        form.submit();
        form.action='send.php';
        form.target='';
    }
</script>

Answer 2

现在有一个提交输入的属性可以处理这个：

<input type="submit" formaction=”differentThanNormalAction.php”>

Answer 3

单击按钮后，您可以使用JavaScript更改表单的操作，然后提交。

或者只需通过AJAX提交表单，然后在收到回复后重定向。

Answer 4

<form onreturn="someJavascriptFunction()" action="" method="">

创建能够打开此预览页面的js功能

将表单提交到另一个页面（与ACTION中使用的页面不同）

4 个答案: