一个带有jQueryUI选项卡、PHP和返回函数的表单


A form with jQuery UI tabs, PHP and a back function

我读了几篇文章,但似乎在理解方面有问题。。。

  • 在其中一个选项卡中,我有一张表格--好的
  • 此表单将使用php进行服务器验证--ok
  • 如果没有出现错误-用户有可能最终发送表单-好
  • 新功能:如果没有出现错误-用户也可以返回并更改条目-不可以

首先我尝试了类似的东西

echo '<input type="button" class="submit" value="make changes" name="back_button" onClick="history.go(-1)">';

将转到错误的选项卡并在正确的选项卡中清除表单…

表单值与一样具有"粘性"

<input id="email" name="email" type="text" value="<?php if (isset($email)){echo $email;} ?>" /> 

目前确实有效。

表格在5号。选项卡,我可以用类似的东西来处理:$tabs.tabs("选择",4);

我的JS代码应该是什么样子的?我应该把它包括在我的php文件中吗?我如何把它绑定到我的"后退按钮"?

更新:在最后一页上,用户可以看到输入的值,并决定最终发送它们,或者返回并更改它们。但返回部分不起作用。

更新2:

<form method="post" action="team.php#tabs-sign_in">

更新3:

抱歉混淆了:将转到错误的选项卡,并且没有清除正确选项卡中的表单…这没关系。数据仍然存在,但用户会看到错误的选项卡。

更新4:

只是想出了这样的办法,但行不通。。。

<a href="#" onClick='history.go(-1);$("#tabs").tabs("select","4");'>modify</a>

有人能解释一下为什么这不起作用吗?

我认为您可能会发现使用会话很有用。将数据保存到会话中以供将来编辑。

http://php.net/manual/en/features.sessions.php

或者,如果您有用户登录机制,最好将表单状态保存在数据库中,以便日后进行编辑/更新。

为什么不使用javascript来存储大部分客户端数据和操作。使用ajax将数据发布到您的服务器,这样您就不需要页面刷新,并且在选项卡之间来回切换也不需要页面加载,也不需要历史

编辑在选项卡之间切换意味着显示和隐藏不同的预加载div的