Question

我制作了自己的联系表格，它正在发送邮件，但我希望它在成功提交后显示并显示消息（弹出窗口可以很好）并成功发送。这是我的代码，我不知道该怎么做，它只做了一些事情，但没有任何作用。

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

Answer 1

使用这个简单的代码

mail($recipient, $subject, $formcontent, $mailheader);
header("location:wniosek.php?form=success");

在您wniosek.php页面中，使用此代码显示状态

<?php if($_GET['form']=="success") { echo "Registered Successfully"; } ?>

Answer 2

您可以使用javascript与您可以搜索的页面进行交互，以了解如何执行此操作。或者你可以查看这个similar post。

Answer 3

清除表单的快速解决方案是

<form id="contact-form" class="wniosek" action="wyslijWniosek.php"  method="POST" onsubmit="this.submit(); this.reset(); return false;">

修改忽略第一个答案。删除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>

提交和成功消息后的清除表单

3 个答案: