Question

我使用jquery来显示隐藏的表单。我想知道当用户点击Submit然后按back button时如何自动显示表单。我不希望用户在点击后退按钮后再次点击New Account以显示表单。

我目前有这些工作代码：

<head>
    <script src="https://code.jquery.com/jquery-latest.js">
    </script>
    <script type="text/javascript">
     $(function() {
     $('#register_link').click(function() {
         $('#show_form').toggle();
         return false;
     });
 });
    </script>
</head>
<a href="http://www.google.com/">Google</a>
&nbsp;|&nbsp;
<a href="#" id="register_link">New Account</a>
<div id="show_form" style="display: none;">
    <form id="register_form" method="post" action="verify.php">
        Username
        <inputname="username" id="username" type="text">
            <br>
            Email
            <input name="email" id="email" type="email">
            <br>
            <input class="button_register" type="submit" value="Create New Account"
            />
    </form>
</div>

示例：http://jsfiddle.net/n9uGH/17/

实际上可行吗？提前致谢

Answer 1

有多种方法可以实现，但这取决于您的服务器端语言和/或托管环境。这是一个相当简单的广泛接受的方法，应该符合您的目的。

这是基于jQuery https://github.com/carhartl/jquery-cookie

的这个cookie库

使用Cookie，您可以在两个页面加载之间保留信息。

因此，在您的表单页面上，您可以执行类似这样的操作

$(function() {
    $('#register_link').click(function() {
        $('#show_form').toggle();
        return false;
    });
    if($.cookie('form_submitted')){
        $('#show_form').toggle();
    }
});

然后，在提交表单后出现的页面上，您可以执行此操作

$(function() {
    $.cookie('form_submitted', 'yes');
});

单击后退按钮后显示表单

1 个答案: