从操作页面单击后退按钮后如何进入具有值的表单页面

【问题标题】：How to go form page with value after click back button from action page从操作页面单击后退按钮后如何进入具有值的表单页面
【发布时间】：2015-11-25 21:14:16
【问题描述】：

我有一个名为 reg_apply_form.php 的表单页面和一个名为 preview.php 的操作页面 当我点击预览按钮完成表单后，我的操作页面显示所有值。如果我认为，我的信息是错误的，那么我会点击返回按钮。但问题是，如果我点击后退按钮，我的所有价值都会被删除。如果单击 Back 按钮，我想用所有值支持我的表单页面。 我的两页代码如下：

表单页面代码：

<!DOCTYPE html>
    <head>
    </head>
    <body id="body">
        <form action="preview.php" method="post" class="form-inline vh_pre_reg_form">
            <div class="form-group">
                <label>First Name</label>
                <input name="fname" id="one" type="text" class="form-control" placeholder="Your First Name">
            </div>
            <div class="form-group">
                <label>Last Name</label>
                <input name="lname" id="two" type="text" class="form-control" placeholder="Your Last Name" />
            </div>
            <div class="form-group">
                <label>Email</label>
                <input name="email" id="txtEmail" type="email" class="form-control" placeholder="Your Email" />
            </div>
            <div class="form-group">
                <label>Address</label>
                <input name="address" type="text" id="four" class="form-control" placeholder="Your Address" />
            </div>
            <div class="form-group">
                <label>Phone Number</label>
                <input name="vh_rg_phone" type="text" pattern="[0-9]{6,}" id="vh_rg_phone" class="form-control" placeholder="Your Phone Number" />
            </div>
            <div class="form-group">
                <label>Mobile Number</label>
                <input name="vh_rg_mob" type="number" pattern="\d{11}" id="vh_rg_mob" class="form-control" placeholder="Your Mobile Number" />
            </div>
            <div class="form-group">
                <label>Father's Name</label>
                <input name="vh_reg_father_name" type="text" id="vh_reg_fname" class="form-control" placeholder="Your Father's Name" />
            </div>
            <div class="form-group">
                <label>Father's Contact</label>
                <input name="vh_reg_father_con" type="number" pattern="\d{11}" id="vh_rg_fcontact" class="form-control" placeholder="Your Father's Contact" />
            </div>
            <div class="form-group">
                <label>Mother's Name</label>
                <input name="vh_reg_mother_name" type="text" id="vh_reg_mname" class="form-control" placeholder="Your Mother's Name" />
            </div>
            <div class="form-group">
                <label>Mother's Contact</label>
                <input name="vh_reg_mother_con" type="number" pattern="\d{11}" id="vh_reg_mcontact" class="form-control" placeholder="Your Mother's Contact" />
            </div>
            <div class="form-group">
                <label>Guardian Name</label>
                <input name="vh_reg_gaurdi_name" type="text" id="vh_reg_guardi_name" class="form-control" placeholder="Your Guardian Name" />
            </div>
            <div class="form-group">
                <label>Guardian Contact</label>
                <input name="vh_reg_gaurdi_con" type="number" pattern="\d{11}" id="vh_rg_guardi_contact" class="form-control" placeholder="Your Guardian Contact" />
            </div>
            <div class="form-group table">              
                <label>Date of Birth <strong>*</strong></label>
                    <input type="date" id="birthday" name="birth_date" />           
            </div>
            <div class="form-group">
                <label>Password Number</label>
                <input name="mainpass" type="password" id="mainpass" class="form-control" placeholder="Make Your Password" />
            </div>  
            <div class="form-group">
                <label>Confirm Password</label>
                <input name="conpass" type="password" id="conpass" class="form-control" placeholder="Type Your Password Again" />
            </div>
            <input name="submit" id="btnValidate" type="submit" value="Preview"/>
            <input type="reset" value="Clear All"/>
        </form>
    </body>
</html>

还有我的操作页面代码：

<?php
    if($_POST && isset($_POST['mainpass'], $_POST['fname'], $_POST['lname'], $_POST['conpass'], $_POST['email'])){
        if($_POST['mainpass'] == $_POST['conpass']){            
            $fname = "$_POST[fname]";
            $lname = "$_POST[lname]";
            $email = "$_POST[email]";
            $address = "$_POST[address]";
            $student_phone = "$_POST[vh_rg_phone]";
            $student_mobile = "$_POST[vh_rg_mob]";
            $religion = "$_POST[religion]";
            $father = "$_POST[vh_reg_father_name]";
            $father_contact = "$_POST[vh_reg_father_con]";
            $mother = "$_POST[vh_reg_mother_name]";
            $mother_contact = "$_POST[vh_reg_mother_con]";
            $guardian = "$_POST[vh_reg_gaurdi_name]";
            $date_of_birth = "$_POST[birth_date]";
            $guardian_contact = "$_POST[vh_reg_gaurdi_con]";
            $password = "$_POST[mainpass]"; 
        } else{header("Location: go.php");}
    }
    else{
        header("Location: no.php");
    }
?>
<!DOCTYPE HTML>
<html lang="en-US">
    <head>
        <title></title>
    </head>
    <body>
        <form action="password.php" method="post" class="form-inline vh_pre_reg_form">
            <div class="form-group">
                <label>First Name</label>
                <span><?php echo $fname; ?></span>
            </div>
            <div class="form-group">
                <label>Last Name</label>
                <span><?php echo $lname; ?></span>
            </div>
            <div class="form-group">
                <label>Email</label>
                <span><?php echo $email; ?></span>
            </div>
            <div class="form-group">
                <label>Address</label>
                <span><?php echo $address; ?></span>
            </div>
            <div class="form-group">
                <label>Phone Number</label>
                <span><?php echo $student_phone; ?></span>
            </div>
            <div class="form-group">
                <label>Mobile Number</label>
                <span><?php echo $student_mobile; ?></span>
            </div>
            <div class="form-group">
                <label>Father's Name</label>
                <span><?php echo $father; ?></span>
            </div>
            <div class="form-group">
                <label>Father's Contact</label>
                <span><?php echo $father_contact; ?></span>
            </div>
            <div class="form-group">
                <label>Mother's Name</label>
                <span><?php echo $mother; ?></span>
            </div>
            <div class="form-group">
                <label>Mother's Contact</label>
                <span><?php echo $mother_contact; ?></span>
            </div>
            <div class="form-group">
                <label>Guardian Name</label>
                <span><?php echo $guardian; ?></span>
            </div>
            <div class="form-group">
                <label>Guardian Contact</label>
                <span><?php echo "here will be date" . $guardian_contact; ?></span>
            </div>
            <div class="form-group table">              
                <label>Date of Birth <strong>*</strong></label>
                    <span><?php echo $date_of_birth;?></span>           
            </div>
            <input name="submit" id="btnValidate" type="submit" value="Submit"/>
            <a href="reg_apply_form.php"><input type="button" value="Back"/></a>
        </form>
    </body>
</html>

我不知道该怎么做。请帮我。如果可能的话，请给我完整的代码。 谢谢

【问题讨论】：

    标签： php jquery ajax html


    【解决方案1】：

    实现这一点的一种方法是 Ajax 请求并直接在您的实际页面上插入响应。

    例如：我在您的主窗体周围添加了一个 div，并为预览内容添加了一个 div。当表单提交预览时，我隐藏主 div 并显示带有结果的预览 div。

    现在当用户点击返回按钮时，我隐藏预览 div 并显示主 div。

    更新

    主 HTML

    <!DOCTYPE html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('input#btnValidate').click( function() {
                    $.ajax({
                        url: 'preview.php',
                        type: 'post',
                        dataType: 'html',
                        data: $('form#vh_pre_reg_form').serialize(),
                        success: function(data) {
                                    $("#containerMain").hide();
                                    $("#containerPreview").show();
                                    $("#containerPreview").html(data);
                                }
                    });
                });
                $(document).on("click","#back", function() {
                    $("#containerPreview").html("").hide();
                    $("#containerMain").show();
                })
            })
        </script>
    </head>
    <body id="body">
        <div id="containerMain">
            <form action="preview.php" method="post" id="vh_pre_reg_form" class="form-inline vh_pre_reg_form">
                <div class="form-group">
                    <label>First Name</label>
                    <input name="fname" id="one" type="text" class="form-control" placeholder="Your First Name">
                </div>
                <div class="form-group">
                    <label>Last Name</label>
                    <input name="lname" id="two" type="text" class="form-control" placeholder="Your Last Name" />
                </div>
                <div class="form-group">
                    <label>Email</label>
                    <input name="email" id="txtEmail" type="email" class="form-control" placeholder="Your Email" />
                </div>
                <div class="form-group">
                    <label>Address</label>
                    <input name="address" type="text" id="four" class="form-control" placeholder="Your Address" />
                </div>
                <div class="form-group">
                    <label>Phone Number</label>
                    <input name="vh_rg_phone" type="text" pattern="[0-9]{6,}" id="vh_rg_phone" class="form-control" placeholder="Your Phone Number" />
                </div>
                <div class="form-group">
                    <label>Mobile Number</label>
                    <input name="vh_rg_mob" type="number" pattern="\d{11}" id="vh_rg_mob" class="form-control" placeholder="Your Mobile Number" />
                </div>
                <div class="form-group">
                    <label>Father's Name</label>
                    <input name="vh_reg_father_name" type="text" id="vh_reg_fname" class="form-control" placeholder="Your Father's Name" />
                </div>
                <div class="form-group">
                    <label>Father's Contact</label>
                    <input name="vh_reg_father_con" type="number" pattern="\d{11}" id="vh_rg_fcontact" class="form-control" placeholder="Your Father's Contact" />
                </div>
                <div class="form-group">
                    <label>Mother's Name</label>
                    <input name="vh_reg_mother_name" type="text" id="vh_reg_mname" class="form-control" placeholder="Your Mother's Name" />
                </div>
                <div class="form-group">
                    <label>Mother's Contact</label>
                    <input name="vh_reg_mother_con" type="number" pattern="\d{11}" id="vh_reg_mcontact" class="form-control" placeholder="Your Mother's Contact" />
                </div>
                <div class="form-group">
                    <label>Guardian Name</label>
                    <input name="vh_reg_gaurdi_name" type="text" id="vh_reg_guardi_name" class="form-control" placeholder="Your Guardian Name" />
                </div>
                <div class="form-group">
                    <label>Guardian Contact</label>
                    <input name="vh_reg_gaurdi_con" type="number" pattern="\d{11}" id="vh_rg_guardi_contact" class="form-control" placeholder="Your Guardian Contact" />
                </div>
                <div class="form-group table">              
                    <label>Date of Birth <strong>*</strong></label>
                        <input type="date" id="birthday" name="birth_date" />           
                </div>
                <div class="form-group">
                    <label>Password Number</label>
                    <input name="mainpass" type="password" id="mainpass" class="form-control" placeholder="Make Your Password" />
                </div>  
                <div class="form-group">
                    <label>Confirm Password</label>
                    <input name="conpass" type="password" id="conpass" class="form-control" placeholder="Type Your Password Again" />
                </div>
                <input name="submit" id="btnValidate" type="button" value="Preview"/>
                <input type="reset" value="Clear All"/>
            </form>
        </div>
        <div id="containerPreview" style="display:none"></div>
    </body>
</html>

    PHP

    <?php

    $fname = "$_POST[fname]";
    $lname = "$_POST[lname]";
    $email = "$_POST[email]";
    $address = "$_POST[address]";
    $student_phone = "$_POST[vh_rg_phone]";
    $student_mobile = "$_POST[vh_rg_mob]";
    $religion = "$_POST[religion]";
    $father = "$_POST[vh_reg_father_name]";
    $father_contact = "$_POST[vh_reg_father_con]";
    $mother = "$_POST[vh_reg_mother_name]";
    $mother_contact = "$_POST[vh_reg_mother_con]";
    $guardian = "$_POST[vh_reg_gaurdi_name]";
    $date_of_birth = "$_POST[birth_date]";
    $guardian_contact = "$_POST[vh_reg_gaurdi_con]";
    $password = "$_POST[mainpass]"; 

?>
<!DOCTYPE HTML>
<html lang="en-US">
    <head>
        <title></title>
    </head>
    <body>
        <form action="password.php" method="post" class="form-inline vh_pre_reg_form">
            <div class="form-group">
                <label>First Name</label>
                <span><?php echo $fname; ?></span>
            </div>
            <div class="form-group">
                <label>Last Name</label>
                <span><?php echo $lname; ?></span>
            </div>
            <div class="form-group">
                <label>Email</label>
                <span><?php echo $email; ?></span>
            </div>
            <div class="form-group">
                <label>Address</label>
                <span><?php echo $address; ?></span>
            </div>
            <div class="form-group">
                <label>Phone Number</label>
                <span><?php echo $student_phone; ?></span>
            </div>
            <div class="form-group">
                <label>Mobile Number</label>
                <span><?php echo $student_mobile; ?></span>
            </div>
            <div class="form-group">
                <label>Father's Name</label>
                <span><?php echo $father; ?></span>
            </div>
            <div class="form-group">
                <label>Father's Contact</label>
                <span><?php echo $father_contact; ?></span>
            </div>
            <div class="form-group">
                <label>Mother's Name</label>
                <span><?php echo $mother; ?></span>
            </div>
            <div class="form-group">
                <label>Mother's Contact</label>
                <span><?php echo $mother_contact; ?></span>
            </div>
            <div class="form-group">
                <label>Guardian Name</label>
                <span><?php echo $guardian; ?></span>
            </div>
            <div class="form-group">
                <label>Guardian Contact</label>
                <span><?php echo "here will be date" . $guardian_contact; ?></span>
            </div>
            <div class="form-group table">              
                <label>Date of Birth <strong>*</strong></label>
                    <span><?php echo $date_of_birth;?></span>           
            </div>
            <input name="submit" id="btnValidate" type="submit" value="Submit"/>
            <input id="back" type="button" value="Back"/>
        </form>
    </body>
</html>

    一切正常。

    【讨论】：

    • @@P.Frank 谢谢你的回答。但是请不要介意，我已经尝试了很多次，但它不起作用。请给我一个清晰的代码好吗？这对我来说非常重要。谢谢
    • @@P.Frank.. 你太棒了......现在它正在工作.. 非常感谢 :)
    猜你喜欢
    • 2014-01-20
    • 1970-01-01
    • 2013-10-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-06-25
    • 1970-01-01
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode