预览按钮覆盖表单中的提交按钮行为

Preview button overwrites submit button behavior in form

本文关键字:按钮 提交 表单 覆盖      更新时间:2023-09-26

希望有人能帮我解决这个问题。我只是不明白为什么我的代码不能正常工作(

我有一个简单的表单,有2个输入字段,一个预览按钮和一个提交按钮。预览按钮使用此代码将数据发送到预览页面。

<script language="JavaScript">
        <!--
        function formpreview(form) {
        form.target='_blank';
        form.action='preview.php';
        form.submit();
        }
        //-->
</script>

这是我的表格。

<form action="create_blog.php" method="post">
    <p><font size="4">Topic</font><br><input type="text" name="topic" size="50" style="height:22px;font-size:1em;" accept-charset="ISO-8859-1"></p>
    <font size="4">Content</font><br><textarea style="resize: none;" name="content" rows="30" cols="100"></textarea><br>
    <input type="submit" value="Preview" onclick='formpreview(this.form)'>
    <input type="submit" value="Save">
</form>

当我第一次单击"保存"按钮时,它就起作用了。但是,如果我先单击预览,然后单击保存按钮,保存按钮将像预览按钮一样工作,而不是保存。

感谢您的帮助。

这是因为formpreview()函数正在更改默认操作值。您需要一个将操作值恢复为"create_blog.php"的函数。