Я сделал свою собственную контактную форму, и она отправляет письма, но я хочу, чтобы она очистилась после успешной отправки и показа сообщения (всплывающее окно может быть хорошим) с успешной отправкой. вот мой код, и я не знаю, что делать, он мало что сделал, но ничего не работает.
<form id="contact-form" class="wniosek" action="wyslijWniosek.php" method="POST"> <div class="col-sm-4"> <label class="firma rel col-sm-12"> <span class="inp"> <input name="firma" type="text" placeholder="Nazwa Firmy" class="col-sm-12"> </span> </label> </div> <div class="col-sm-4"> <label class="name rel col-sm-12"> <span class="inp"> <input name="name" type="text" placeholder="Imię i nazwisko" class="col-sm-12"> </span> </label> </div> <div class="col-sm-4"> <label class="phone rel col-sm-12"> <span class="inp"> <input name="phone" type="text" placeholder="Telefon" class="col-sm-12"> </span> </label> </div> <div class="col-sm-4"> <label class="email rel col-sm-12"> <span class="inp"> <input name="email" type="text" placeholder="E-mail" class="col-sm-12"> </span> </label> </div> <div class="col-sm-4"> <label class="kwota rel col-sm-12"> <span class="inp"> <input name="kwota" type="text" placeholder="Prognozowana Kwota" class="col-sm-12"> </span> </label> </div> <div class="col-sm-4"> <label class="wnio col-sm-12"> <select name="wnio" style="width:100%;"> <option value="Kredyt Firmowy">Kredyt Firmowy</option> <option value="Kredyt Gotówkowy">Kredyt Gotówkowy</option> <option value="Kredyt Obrotowy">Kredyt Obrotowy</option> <option value="Pożyczka Hipoteczna">Pożyczka Hipoteczna</option> <option value="Kredyt Hipoteczny">Kredyt Hipoteczny</option> <option value="Kredyt Konsolidacyjny">Kredyt Konsolidacyjny</option> <option value="Kredyt Inwestycyjny">Kredyt Inwestycyjny</option> <option value="Kredyt Samochodowy">Kredyt Samochodowy</option> <option value="Leasing">Leasing</option> </select> </label> </div> <div class="col-sm-12"> <label class="message rel col-sm-12"> <span class="text_a"> <textarea name="message" class="col-sm-12" placeholder="Wiadomość" style="height:300px;"></textarea> </span> </label> </div> <div class="col-sm-4"> <div class="buttons-wrapper"><input class="button2 btn btn-white" type="submit" value="Wyślij"><input class="button2 btn btn-white" type="reset" value="Wyczyść"> </div> </div> </form> PHP:
<?php $firma = $_POST['firma']; $name = $_POST['name']; $email = $_POST['email']; $phone = $_POST['phone']; $wnio = $_POST['wnio']; $kwota = $_POST['kwota']; $message = $_POST['message']; $formcontent=" Nazwa Firmy: $firma \n Imie i Nazwisko: $name \n Email: $email \n Telefon: $phone \n Wniosek: $wnio \n Prognozowana Kwota: $kwota \n Wiadomość: $message"; $recipient = "<mymailhere>"; $subject = "Formularz Kontaktowy"; $mailheader = "From: $email"; mail($recipient, $subject, $formcontent, $mailheader); exit();//Remove this after debugging done ?>
Используйте этот простой код
mail($recipient, $subject, $formcontent, $mailheader); header("location:wniosek.php?form=success");
И на странице wniosek.php этот код используется для отображения статуса
<?php if($_GET['form']=="success") { echo "Registered Successfully"; } ?>
Вы можете использовать javascript для взаимодействия со страницей, которую вы можете найти, чтобы найти, как это сделать. Или вы можете посмотреть на этот похожий пост .
Быстрое решение с очисткой формы будет
<form id="contact-form" class="wniosek" action="wyslijWniosek.php" method="POST" onsubmit="this.submit(); this.reset(); return false;">
EDIT: игнорировать первый ответ. Удалите атрибут action и добавьте его внизу страницы.
<script> function submitForm() { $.ajax({type:'POST', url: 'wyslijWniosek.php', data:$('#contact-form').serialize(), success: function(response) { $('#contact-form').reset(); alert("Success!"); }}); return false; } </script>