Question

我有这个HTML代码，其中包含两个HTML表单和两个按钮：一个用于提交，一个用于取消（基本上返回上一页）。我想要做的是点击SUBMIT按钮并提交我的表单与取消按钮相同（返回上一页）。问题是我无法指定我希望它返回的页面，因为此页面将在许多页面中使用，因此它将是动态的。

<div data-role="page" id="customer" data="Page" data-expired="true" data-theme="c">

    <div data-role="content" data="customers" data-key="id" data-params="item:itemid">

        <div align="left">
            <h3 style="margin:0px">Customer Profile</h3>
        </div>

        <br/>

        <div class="popup-hrule">
            <div data-role="collapsible" data-collapsed="false" data-collapsed-icon="false" data-theme="a">
                <h3>Customer</h3>
                <form id="submit-edit-customer" method="post" data-formaction="process">


                            <label for="customer_name">Customer</label>
                            <input type="text" name="customer_name" id="customer_name" data-item=":customer_name">
                        </div>
                        <div class="ui-block-b">
                            <label for="name">Primary Contact</label>
                            <input type="text" name="name" id="name" value="no valid name"
                                   data-item=":name">
                        </div>

                </form>
            </div>

            <div data-role="collapsible" data-collapsed-icon="false" data-theme="a">
                <h3>Billing</h3>
                <form id="submit-edit-customer" method="post" data-formaction="process">


                            <label for="customer_name">Customer</label>
                            <input type="text" name="customer_name" id="customer_name" data-item=":customer_name">
                        </div>
                        <div class="ui-block-b">
                            <label for="name">Primary Contact</label>
                            <input type="text" name="name" id="name"
                                   data-item=":name">
                        </div>

                </form>
            </div>

        </div>
        <a id="createeditcancel" data-role="button" data-inline="true" href="#" data-rel="back">Cancel</a>
        <a id="submit-edit-customer-btn" data-role="button" data-inline="true" data-theme="a">Save</a>

    </div>
</div>

我的问题是，如果没有在onclick事件中编写大量的javascript代码，有没有简单的方法呢？

感谢。

Answer 1

您只需将href更改为上一页的网址即可轻松完成：

<a id="createeditcancel" data-role="button" data-inline="true" href="YOUR_URL_HERE" data-rel="back">Cancel</a>

编辑：如果您的提交使用php保存信息，则添加

header("Location: last_page.html");

由于它的动态，您只需从与其他信息相同的位置获取后退网址即可：

header("Location:" + URL);

Answer 2

我不知道我能做到这一点但是我尝试了它并且它有效！我在提交按钮中添加了data-rel="back"。

像这样：

<a id="submit-edit-customer-btn" data-role="button" data-inline="true" data-rel="back" data-theme="a">Save</a>

Answer 3

要在JavaScript中重定向到其他页面，您可以使用

window.location = "http://www.yoururl.com";

添加到按钮onclick =＆＃34; location.href =＆＃39; www.yoursite.com＆＃39;;＆＃34;

你在哪里处理你的表格？php文件？

php中的其他选项

    if (isset($_POST['submitform']))
    {   
    ?>
<script type="text/javascript">
window.location = "http://www.google.com/";
</script>      
    <?php
    }

或表格

<form action="demo_form.asp" onsubmit="myFunction()">
  Enter name: <input type="text" name="fname">
  <input type="submit" value="Submit">
</form>


<script>
    function myFunction() {
 location.href = 'www.yoursite.com';
}
    </script>

Answer 4

使用document.referrer：

＆＃13;

var cancel = function() {
  window.location.href = document.referrer;
};

＆＃13;

<input type="button" value="Cancel" onclick="cancel()" />

＆＃13;

使用history：

＆＃13;

var cancel1 = function() {
  history.back();
};
var cancel2 = function() {
  history.go(-1);
};

＆＃13;

<input type="button" value="Cancel" onclick="cancel1()" />
<input type="button" value="Cancel" onclick="cancel2()" />

＆＃13;

Answer 5

在操作页面或您的控制器上尝试添加：

$(document).ready(function(){
document.location = 'url' // the path to your homepage
});

提交HTML表单后如何返回上一页

5 个答案: