使用php重置表单的问题

Question

I have a contact form which sends an email once submitted and displays an alert successfully when sent. My problem was 1) after its sent the email form still has content. 2) If I refresh the page the email is sent again with the previous details. In order to solve this I used the below code in php which is doing the job of refreshing with out sending an email.

 header("Location: contact.php"); exit;

Now my problem is The alert is not displayed anymore which is true because the alert is in my HTML and header refreshes the page and it never reaches the alert in HTML(displayed using php echo). Here is the HTML Code :

 <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3" id="emailForm"> <h1 class="center">Email Form</h1> <?php echo $result; //header( "Location: contact.php"); //exit; ?> <p>Please get in touch ! I will get back to you as soon as I can !!</p> <form method="post" id="contactForm"> <div class="form-group"> <label for="name">Your Name</label> <input type="text" name="name" class="form-control" placeholder="Your Name" value="<?php echo $_POST['name'] ?>" /> </div> <div class="form-group"> <label for="email">Your Email</label> <input type="email" name="email" class="form-control" placeholder="Your Email" value="<?php echo $_POST['email'] ?>" /> </div> <div class="form-group"> <label for="message">Message</label> <textarea class="form-control" name="message"> <?php echo $_POST[ 'message'] ?> </textarea> </div> <input type="submit" name="submit" id="send" class="btn btn-success btn-lg center" value="Submit" /> </form> </div> </div> </div>

Here is the PHP code:

<?php

if($_POST['submit']) {

    if(!$_POST['name']){

        $error.="<br>Please enter your name";
    }
    if(!$_POST['email']){

        $error.="<br>Please enter your email address";
    }
    if(!$_POST['message']){

        $error.="<br>Please enter a message";
    }

    if ($_POST['email']!= "" AND !filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {

        $error.="<br>Please enter a valid email address";
    } 

    if( $error )
    {
        $result='<div class="alert alert-danger"><strong>There were error(s):'.$error.'</strong></div>';
    }

    else {

        if(mail("madistackcloud@gmail.com","Message from Deepak", "Name: ".$_POST['name']."Email: ".$_POST['email']."Message: ".$_POST['message'])) {

            $result='<div class="alert alert-success alert-dismissible"><strong>Thank you! I\'ll be in touch.</strong></div>';   


        }

        else
        {
            $result='<div class="alert alert-danger alert-dismissible"><strong>Oops! Something went wrong. Please try again !</strong></div>';
        }

    }
}

?>

Is there any workaround for this or any other method which can do the job. Kindly help.

Answer 1

Change your form to

  <form method="post" id="contactForm">
    <div class="form-group">
      <label for="name">Your Name</label>
      <input type="text" name="name" class="form-control" placeholder="Your Name" value="" />
    </div>

    <div class="form-group">
      <label for="email">Your Email</label>
      <input type="email" name="email" class="form-control" placeholder="Your Email" value="" />
    </div>

    <div class="form-group">
      <label for="message">Message</label>
      <textarea class="form-control" name="message"></textarea>
    </div>
    <input type="submit" name="submit" id="send" class="btn btn-success btn-lg center" value="Submit" />
  </form>

If you don't want to show the content sent, dont use echo $POST on the value of the inputs.

Answer 2

You're always echoing the post data in the html section. You only want to echo data if there is an error.

value="<?php echo $_POST['name'] ?>"

in the control code above do something like

$name = cleanInput($_POST['name']);
$email = cleanInput($_POST['name']);
// etc...

Then in your

if( $error )
...
else
{
    $name = "";
    $email = "";

    sendMail();
    // etc...

and then back in your html:

value="<?php echo $name; ?>"

Answer 3

为什么要这样做： value="<?php echo $_POST['email'] ？这将输入字段的值设置为用户输入的值。这意味着下次加载页面时，该值是可见的，因此将发送时通过电子邮件发送。