后退按钮保持形式的价值

时间:2014-09-12 10:01:52

标签: javascript php forms back

以下是后退按钮:

<button onclick="history.go(-1);">Back </button>

(此按钮在表单外部调用,否则它不起作用,我不知道为什么......)

情况

我有4页这样:

Page 1 : Form for information level 1
Page 2 : Form for information level 2
Page 3 : Summary of the 2 precedent Form
Page 4 : Form post succes page

我在第2页和第3页放了BACK按钮。 对于第2页,它完美地运作。当我点击时,我恢复了以前的所有价值。

我的问题

它来自第3页的BACK按钮。 我所有的表格价值都消失了......

Soo,我知道我可以通过在表单中​​包含BACK按钮然后将我的所有值再次POST到上一页来完成它,但我想知道是否有一个&#34;简单快捷的# 34;这样做的方法?

感谢。

1 个答案:

答案 0 :(得分:1)

1)对于不提交表单的按钮,您必须指定其类型:<button type="button"></button>

2)你的问题可以通过几种方式解决:

a)点击Next到会话时保存所有值,返回页面时,只保存所有值 你的输入看起来像是什么 <input type='text' value='<?php echo isset($_SESSION['a1']) ? $_SESSION['a1'] : ''; ?>' name='a1'/>;
在PHP方面:$_SESSION['a1'] = isset($_POST['a1']) ? $_POST['a1'] : '';
在最后一个确认步骤中,您可以保存上一个表单中的值+从会话到数据库的值并清除会话。

b)你可以使用带有标签的单一表格,只显示带有jQuery / js的特定标签:

<div class='tab' data-ref='#tab1'>First step tab</div>
<div class='tabContent' id='tab1'>Content of first step tab</div>

$('.tab').click(function(){
    $('.tabContent').hide();
    $($(this).data('ref')).show();
});

仅在最后一步保存所有数据 我个人会采用b变体