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

时间:2012-03-31 14:16:29

标签: javascript forms submit

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

我有一个简单的表单,包含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>

当我首先单击“保存”按钮时,它可以正常工作。但是,如果我先单击预览,然后单击保存按钮,则保存按钮将像预览按钮一样工作,而不是保存。

感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

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