PHP表单，如果填写不正确，所有字段都会自行清除

Question

我按照本教程制作了一个联系表格：http://tinyurl.com/nyxv8ub

一切正常，但某些参数未处理。

事实上，在提交时，如果用户没有正确填写表单，他会收到通知，并且所有字段都会自行清除。

用户重新输入他的信息很痛苦，所以我希望在不清除任何字段的情况下通知他他的错误。

目前，有两种方法可以弄错表格。无论您没有填写电子邮件或姓名字段，还是当垃圾邮件问题的答案有误时。

是否有可能防止这种情况发生？

您可以在这里找到表格：http://bettercheckthekids.com/Form/index.php

这里是php：

<?php
    $name = $_POST['name'];
    $firm = $_POST['firm'];
    $email = $_POST['email'];
    $list = $_POST['list'];
    $message = $_POST['message'];
    $spam = $_POST['spam'];
    $from = 'From: Adiwatt Online'; 
    $to = 'clement.fauquet@gmail.com'; 
    $subject = 'Hello';

    $body = "From: $name\n Firm: $firm\n E-Mail: $email\n Objet: $list\n Message:\n $message";
    ?>


    <?php
    if ($_POST['submit']) {
    if ($name != '' && $email != '') {
        if ($spam == '4') {                 
            if (mail ($to, $subject, $body, $from)) { 
            echo '<p>Your message has been sent!</p>';
        } else { 
            echo '<p>Something went wrong, go back and try again!</p>'; 
        } 
    } else if ($_POST['submit'] && $spam != '4') {
        echo '<p>You answered the anti-spam question incorrectly!</p>';
    }
    } else {
        echo '<p>You need to fill in all required fields!!</p>';
    }
    }
    ?>

Answer 1

首先，我会尽可能地将后端代码与结构分开。如果我有任何其他选择，我不会在 php 代码中生成 html。您的结构应如下所示：

<form method="post" action="index.php"> 
    <label>Name *</label>
    <input name="name" placeholder="..." value="<?php echo ((isset($_POST["name"])) ? (htmlspecialchars($_POST["name"], ENT_QUOTES)) : ("")); ?>">

    <label>Firm</label>
    <input name="firm" placeholder="..." value="<?php echo ((isset($_POST["firm"])) ? (htmlspecialchars($_POST["firm"], ENT_QUOTES)) : ("")); ?>">

    <label>Email *</label>
    <input name="email" type="email" placeholder="..." value="<?php echo ((isset($_POST["email"])) ? (htmlspecialchars($_POST["email"], ENT_QUOTES)) : ("")); ?>">

    <label>Object</label>
    <select name="list" id="list"> 
       <option value="Pas d'objet" <?php if ((isset($_POST["list"])) && ($_POST["list"] === "Pas d'objet")) {echo "selected";} ?>>--</option> 
       <option value="Je veux sortir" <?php if ((isset($_POST["list"])) && ($_POST["list"] === "Je veux sortir")) {echo "selected";} ?>>Object 1</option> 
       <option value="Je sortirai demain" <?php if ((isset($_POST["list"])) && ($_POST["list"] === "Je sortirai demain")) {echo "selected";} ?>>Object 2</option> 
       <option value="Je n'ai pas d'argent" <?php if ((isset($_POST["list"])) && ($_POST["list"] === "Je n'ai pas d'argent")) {echo "selected";} ?>>Object 3</option> 
    </select> 

    <label>Message</label>
    <textarea name="message" placeholder="..."><?php echo ((isset($_POST["message"])) ? (htmlspecialchars($_POST["message"], ENT_QUOTES)) : ("")); ?></textarea>

    <label>What is 2+2? (Anti-spam) *</label>
    <input name="spam" placeholder="..." value="<?php echo ((isset($_POST["spam"])) ? (htmlspecialchars($_POST["spam"], ENT_QUOTES)) : ("")); ?>">    

    <input id="submit" name="submit" type="submit" value="Send">
</form>

干杯！

Answer 2

使用input 的value 属性将用户的输入预先插入到前一个表单中。

此外，您可以在输入中使用 HTML5 的 required 属性，并使用 JavaScript 确保在提交表单之前正确设置所有字段。

示例：

• 在 PHP 中使用 value

  $value = isset($_POST["value"]) ? htmlspecialchars($_POST["value"], ENT_QUOTES) : "";
  /* ... snip ... */
  <input name="value" value="<?= $value ?>"> 

• 使用required 属性

  &lt;input name="value" <strong>required</strong>&gt;

  这将使浏览器（假设它是现代浏览器）进行验证并确保在提交表单时它不为空。

对于 JavaScript，请阅读表单的 onsubmit 事件和输入的 value 属性。

Answer 3

在您的输入标签中说<input name="name" placeholder="...">，将其更改为<input name="name" placeholder="..." value="<?php if(isset($POST['name'])) echo $_POST['name'] : '' ?>">。

我的示例还有三元运算符变体，如下所示：value="<?php echo isset($POST['name']) ? $_POST['name'] : '' ?>"。