javascript - 联系方式错误回显

Question

表格

<form id="contact" action="" method="post">
   <input id="name" type="text" name="name"  width="250" size="35" placeholder="Your name" required/>
     <br><br>
   <input id="email" type="text" name="email" width="250" size="35" placeholder="Your mail" required/>
   <br><br>
     <textarea id="message" name="message" rows="6" cols="40" placeholder="Your message" required></textarea>
   <br><br>
     <input type="button" value=" SEND " id="submit" />
     <input type="reset" value="Reset" name="reset">
     <div id="success"></div>
</form>  

js

$('#submit').click(function(){
        $.post("chapters/contactphp.php", $("#contact").serialize(),  function(response) {
        $('#success').html(response);
       });
      return false;
    });  

php

if((empty($_POST['name'])) || (empty($_POST['email'])) || (empty($_POST['message']))){
die("All fields must be filled !");
}

$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];

$to = 'qadenza@gmail.com';
$subject = 'stojada contact';
$message = 'FROM: '.$name." \nEmail: ".$email."\nMessage: \n".$message;

if (filter_var($email, FILTER_VALIDATE_EMAIL)) { 
mail($to, $subject, $message); 
echo "Thank you! Your email was sent.";
}else{
echo "The email you entered, is not valid.";
}  

所有字段都已填写，但回显为所有字段都必须填写。

Answer 1

试试这个:

test.php

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>  

<script>
    $(function() {
        $('#submit').click(function(){
                $.post("test2.php", $("#contact").serialize(),  function(response) {
                $('#success').html(response);
            });
            return false;
        });    
    });
</script>

<form id="contact" action="" method="post">
   <input id="name" type="text" name="name"  width="250" size="35" placeholder="Your name" required/>
     <br><br>
   <input id="email" type="text" name="email" width="250" size="35" placeholder="Your mail" required/>
   <br><br>
     <textarea id="message" name="message" rows="6" cols="40" placeholder="Your message" required></textarea>
   <br><br>
     <input type="button" value=" SEND " id="submit" />
     <input type="reset" value="Reset" name="reset">
     <div id="success"></div>
</form>  

test2.php

<?php
if ($_POST)
{
    if((empty($_POST['name'])) || (empty($_POST['email'])) || (empty($_POST['message']))){
    die("All fields must be filled !");
    }

    $name = $_POST['name'];
    $email = $_POST['email'];
    $message = $_POST['message'];

    $to = 'qadenza@gmail.com';
    $subject = 'stojada contact';
    $message = 'FROM: '.$name." \nEmail: ".$email."\nMessage: \n".$message;

    if (filter_var($email, FILTER_VALIDATE_EMAIL)) { 
    mail($to, $subject, $message); 
    echo "Thank you! Your email was sent.";
    }else{
    echo "The email you entered, is not valid.";
    }  
}
?>