Comment revenir à la page précédente après la soumission d'un formulaire HTML

J'ai ce code HTML qui contient deux formulaires HTML et de deux boutons:
Une pour soumettre et l'autre pour annuler (essentiellement revenir à la page précédente). Ce que j'aimerais faire, c'est après que j'ai cliqué sur le bouton SOUMETTRE et soumettre les formulaires de mon faire la même chose que le bouton annuler (revenir à la page précédente).
Le problème est que je ne peux pas spécifier quelle page je veux qu'il aille en arrière depuis cette page sera utilisé dans de nombreuses pages de sorte qu'il sera dynamique. 

<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>

Ma question est, est-il un moyen facile de faire cela sans écrire beaucoup de code javascript dans l'événement onclick?

Grâce.

  • Avez-vous essayé d'ajouter la page précédente de l'url pour le href de votre Annuler et Enregistrer <a> balises? href = "thelastpage.html" devrait fonctionner.
  • Est-ce pour jQuery Mobile?
InformationsquelleAutor VaTo | 2015-09-02
  1. 0

    Très facile tout ce que vous avez à faire est de changer le href de l'url de la page précédente:

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

    Edit: si votre soumettre est à l'aide de php pour enregistrer les infos ajouter 

    header("Location: last_page.html");

    Depuis sa dynamique, vous pouvez juste obtenir le retour de l'URL à partir du même endroit que le reste de votre info et à faire:

    header("Location:" + URL);
    • Merci pour votre réponse. Désolé, mais je parlais sur le bouton envoyer, je disais qu'après avoir soumis le formulaire, je voudrais revenir à la page précédente. Le bouton Annuler ce que j'ai dans mon formulaire fonctionne très bien par revenir à la page précédente.
    • Bonjour Saul, Ma réponse soufflet n'est pas ce que vous recherchez?
    • Merci Léo pour ta réponse mais je viens de trouver la réponse moi-même. Merci à vous de toute façon.
    • ok, merci de poster votre réponse et le marquer comme étant correcte, ou de voter pour l'une des réponses qui fonctionne pour vous, dans le cas d'un autre utilisateur en venir à cette question, il en fait de trouver une réponse...
    InformationsquelleAutor Vexxoz
  2. 0

    Je ne savais pas que je pouvais faire cela, mais je l'ai essayé et cela a fonctionné!
    J'ai ajouté: data- le bouton "soumettre".

    Comme ceci: 

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

    Pour rediriger vers une autre page en JavaScript, vous pouvez utiliser

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

    ajouter à bouton onclick="location.href = 'www.yoursite.com';"

    où u occuper de votre forme?fichier php?

    autre option en php

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

    ou en forme

    <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>
    InformationsquelleAutor Aleksandar Milisavljevic
  4. 0

    Avec document.referrer:

    JS:

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

    HTML:

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

    Avec history:

    JS:

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

    HTML:

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

    • Je n'ai pas vu le document.referer encore trouvé de solution. Rapide et sale, je l'aime. Merci!
    InformationsquelleAutor
  5. -1

    sur la page d'action ou de votre contrôleur essayez d'ajouter ceci:

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