<form> und 2unterschiedliche Aktionen

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • <form> und 2unterschiedliche Aktionen

    Hallo,

    ich hatte es in einem anderen Thread mal angedeutet, ging dort aber warscheinlich unter.

    Quellcode

    1. <form method="post" action="bestellen.htm?step=2&amp;paket={$PAKET_ID}" id="WhoisForm" onsubmit="return submitForm();">
    2. <fieldset>
    3. <legend><strong>Domain auswählen</strong></legend>
    4. <div>
    5. <label for="whois_domain" accesskey="U">Domain: http://</label>
    6. <input name="whois_domain" type="text" id="whois_domain" required="required" placeholder="domain" /> <select name="whois_tld">
    7. {foreach from=$DOMAIN_LIST item=list}
    8. <option value="{$list.id}" >{$list.end}</option>
    9. {/foreach}
    10. </select>
    11. <input type="submit" name="send" class="button" value="Prüfen" />
    12. <a href="domain-preisliste.htm" title="Domain Preisliste" target="_blank"><strong>Preisliste</strong></a>
    13. </div>
    14. <div class="form_result"> </div>
    15. </fieldset>
    16. <input type="submit" id="whois_domain" class="submit" value="Weiter zu Schritt 2">
    17. </form>
    18. {literal}
    19. <script>
    20. function submitForm() {
    21. $.ajax({type:'POST', url: 'example.php', data:$('#WhoisForm').serialize(), success: function(response) {
    22. $('#WhoisForm').find('.form_result').html(response);
    23. }});
    25. return false;
    26. }
    27. </script>
    28. {/literal}
    Alles anzeigen


    Der 1 Button (prüfen) führt einen ajax request aus was ja auch so richtig ist. Klicke ich dann auf den 2 Button "Weiter zu Schritt 2" wird die Prüfung nochmals ausgefüht. dies sollte nicht so sein sondern beim Klick auf diesen soll er an die url um <form> Tag leiten.
    Was muss dort geändert werden damit es klappt? Ich danke im Vorraus

  • ...das machst du indem du das Formular als Referenz übergibst

    Quellcode

    1. <form ... onsubmit="return submitForm(this);">


    Quellcode

    1. function submitForm(f) {
    3. $.ajax({type:'POST', url: 'example.php', data:$(f).serialize(), success: functon(ff) {
    4. return function(response) {
    5. $(ff).find('.form_result').html(response);
    6. };
    7. }(f)});
    9. return false;
    10. }