JS-Kontaktformular ändern, um in einem neuen Fenster zu öffnen

Question

Ich habe dieses Kontaktformular, aber ich weiß nichts über js und ich brauche, wenn der Benutzer klick auf den Absenden-Button, das Formular sendet ihn an "Danke" Seite.

Danke.

   success: function() { 
        // Enable button & show success message 
        $("#btnSubmit").attr("disabled", false); 
        $('#success').html("<div class='alert alert-success'>"); 
        $('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;") 
         .append("</button>"); 
        $('#success > .alert-success') 
         .append("<strong>Your message has been sent. </strong>"); 
        $('#success > .alert-success') 
         .append('</div>'); 

        //clear all fields 
        $('#contactForm').trigger("reset"); 
       }, 
       error: function() { 
        // Fail message 
        $('#success').html("<div class='alert alert-danger'>"); 
        $('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;") 
         .append("</button>"); 
        $('#success > .alert-danger').append("<strong>Sorry " + firstName + ", it seems that my mail server is not responding. Please try again later!"); 
        $('#success > .alert-danger').append('</div>'); 
        //clear all fields 
        $('#contactForm').trigger("reset"); 
       }, 
      }) 
     }, 
     filter: function() { 
      return $(this).is(":visible"); 
     }, 
    }); 

    $("a[data-toggle=\"tab\"]").click(function(e) { 
     e.preventDefault(); 
     $(this).tab("show"); 
    }); 
}); 

// When clicking on Full hide fail/success boxes 
$('#name').focus(function() { 
    $('#success').html(''); 
}); 

Answer 1

gerade folgend am Ende der Erfolgsfunktion hinzufügen (unter der Annahme, dass Ihr Dank Seite an thanks.html ist):

location.href="thanks.html" 

oder wenn ou ist vorbei zum anderes Ihrer Kontaktformular Details Seite (zB: contact.php), dann können Sie dies am Ende dieser Seite hinzufügen, um nach dem erfolgreichen Hinzufügen des Clients zur Datenbank, oder successfulk E-Mail-Funktion umleiten - oder was auch immer Sie tun.

header("Location: thanks.html"); 

beachten Sie, dass, wenn Sie von der contact.php Seite umleiten dann wirklich Sie nicht tun müssen es über AJAX - der Hauptvorteil der Verwendung von AJAX mit PHP-Seiten/Datenbank usw. und die Rück Inhalt der Interaktion gleiche Seite - ohne die Seite neu zu laden oder zu verlassen. Wenn Sie die Seite nach der Formularübergabe verlassen möchten, dann sollten Sie einfach eine direkte Formularübergabe an die PHP-Seite verwenden, die mit der Eingabe umgehen und auf die Dankeseite umleiten kann.