Question

我有这个表单，它工作得很好但是当提交/失败时，它会切换到显示消息的另一个页面。

HTML

<form action="envio.php" method="post">
    <label>Nombre </label>
    <input type="text" name="name"><br>
    <label>Email</label> 
    <input type="text" name="email"><br>
    <label>Teléfono</label> 
    <input type="text" name="phone"><br>
    <label>Mensaje</label>
    <textarea name="message"></textarea><br>
    <input id="submit" type="submit" name="submit" value="Enviar">
</form>

envio.php

if(isset($_POST['submit'])){
    $to = "email@gmail.com"; // email destinatario
    $from = $_POST['email']; // email del cliente
    $name = $_POST['name'];
    $phone = $_POST['phone'];
    $mes = $_POST['message'];
    $subject = "Formulario web";
    $subject2 = "Copia de su formulario de consulta";
    $message = $name . " con número de teléfono: " . $phone . " escribió lo siguiente:" . "\n\n" . $_POST['message'];
    $message2 = "Aquí tiene una copia de su mensaje " . $name . "\n\n" . $_POST['message'];

    $headers = "From:" . $from;
    $headers2 = "From:" . $to;
    $success = (preg_match("/^[0-9]{9}$/",$phone) && preg_match("/^[a-zA-Z]*$/",$name) && $mes!='' && filter_var($from, FILTER_VALIDATE_EMAIL));

    if ($success){
        mail($to,$subject,$message,$headers);
        mail($from,$subject2,$message2,$headers2); // copia para el cliente
        echo "Formulario enviado. Muchas gracias " . $name . ", en breve contactaremos con usted.";
    }
    else {
        echo "Lo sentimos, se ha producido un error al enviar el formulario, revise su contenido y vuelva a intentarlo.";
    }}

我只想在＆{39;发送＆＃39;下的if/else中显示消息。单击它后按钮，没有刷新，我认为它可以用JQuery / Vanilla完成，但我不知道。如何知道表单是否成功提交？如何告诉JS在何处插入消息？

Answer 1

继续我的评论，因为在这么小的空间里很难解释：

<强> page1.php中

    <!-- Name the form myform as an id -->
    <form action="page2.php" method="post" id="myform">
        <label>Nombre </label>
        <input type="text" name="name"><br>
        <label>Email</label> 
        <input type="text" name="email"><br>
        <label>Teléfono</label> 
        <input type="text" name="phone"><br>
        <label>Mensaje</label>
        <textarea name="message"></textarea><br>
        <input id="submit" type="submit" name="submit" value="Enviar">
    </form>
    <!-- Invisible response container -->
    <div id="response"></div>
<script>
    $("#myform").submit(function() {
        $.ajax({
                 // PHP page  
                 url : 'page2.php',
                 // Takes all data from form
                 data: $("#myform").serialize(),
                 // Puts response into the container
                 success: function(response) {
                    $("#response").html(response);
                 }
        });    
        // This stops the page from reloading on submit
        return false;
    });
</script>

<强>使page2.php

if(isset($_POST['submit'])){
    $to = "email@gmail.com"; // email destinatario
    $from = $_POST['email']; // email del cliente
    $name = $_POST['name'];
    $phone = $_POST['phone'];
    $mes = $_POST['message'];
    $subject = "Formulario web";
    $subject2 = "Copia de su formulario de consulta";
    $message = $name . " con número de teléfono: " . $phone . " escribió lo siguiente:" . "\n\n" . $_POST['message'];
    $message2 = "Aquí tiene una copia de su mensaje " . $name . "\n\n" . $_POST['message'];

    $headers = "From:" . $from;
    $headers2 = "From:" . $to;
    $success = (preg_match("/^[0-9]{9}$/",$phone) && preg_match("/^[a-zA-Z]*$/",$name) && $mes!='' && filter_var($from, FILTER_VALIDATE_EMAIL));

    if ($success){
        mail($to,$subject,$message,$headers);
        mail($from,$subject2,$message2,$headers2); // copia para el cliente
        echo "Formulario enviado. Muchas gracias " . $name . ", en breve contactaremos con usted.";
    }
    else {
        echo "Lo sentimos, se ha producido un error al enviar el formulario, revise su contenido y vuelva a intentarlo.";
    }
}

通过电子邮件和显示消息发送表单数据，无需刷新或更改页面

1 个答案: