我的联系表单不会验证其输入字段。当我的输入字段为空白时，它将向我提交一封电子邮件。有什么建议么？

Question

如前所述，我的 php 联系表单会向我发送一封空白电子邮件，但是它不会验证空输入值。有什么建议么？我已经尝试了所有我知道要做的事情。

我还想知道是否有一种方法可以在提交时重定向到thankyou.html 页面。我记得 php 类似于“header ...”来重定向。

 if (isset($_POST["submit"])) {
    $name = $_POST['name'];
    $email = $_POST['email'];
    $from = 'Demo Contact Form'; 
    $to = 'email@example.com'; 
    $subject = 'Message from Contact Demo ';

    $body = "From: $name\n E-Mail: $email";

    // Check if name has been entered
    if (!$_POST['name']) = 0; {
        $errName = 'Please enter your name';
    }

    // Check if email has been entered and is valid
    if (!$_POST['email'] || !filter_var($_POST['email'],FILTER_VALIDATE_EMAIL)) {
        $errEmail = 'Please enter a valid email address';
    }

 // If there are no errors, send the email
 if (!$errName && !$errEmail) {
    if (mail ($to, $subject, $body, $from)) {
    $result='<div class="alert alert-success">Thank You! I will be in touch</div>';
} else {
    $result='<div class="alert alert-danger">Sorry there was an error sending your message. Please try again later</div>';
    }
   }
 }
  ?>

HTML...

 <!--FORM-->
 <form role="form" action="contact.php" method="post" class="form-horizontal align-center">
 <div class="form-group col-centered">
  <label class="control-label col-sm-4 text-align-center">NAME</label>
    <div class="control col-sm-4">
        <input type="text" id="name" name="name" class="form-control">
          <?php echo "<p class='text-danger'>$errName</p>";?> 
    </div>
  </div>

 <div class="form-group col-centered">
  <label class="control-label col-sm-4 text-align-center">EMAIL</label>
    <div class="control col-sm-4">
        <input type="text" id="email" name="name" class="form-control">
          <?php echo "<p class='text-danger'>$errEmail</p>";?> 
    </div>
 </div>

 <div class="form-group">
  <label class="control-label  col-sm-4 text-align-center">PHONE</label>
    <div class="col-sm-4">
        <input type="text" name="phone" class="form-control">
    </div>
  </div>
  <div class="control-group">
    <div class="controls">
        <button type="submit" name="submit" value="submit" class="btnSize btn btn-default btn-lg"><strong>SAVE $150</strong></button>
    </div>
  </div>
 </form>

感谢您的宝贵时间。

Answer 1

这是我的看法：

if (isset($_POST["submit"])) {
    $name = !empty( $_POST['name'] ) ? $_POST['name'] : false;
    $email = !empty( $_POST['email'] ) ? filter_var($_POST['email'],FILTER_VALIDATE_EMAIL) : false;

    if( $name && $email ){

        $from = 'Demo Contact Form';
        $to = 'email@example.com';
        $subject = 'Message from Contact Demo ';

        $body = "From: $name\n E-Mail: $email";

        if (mail ($to, $subject, $body, $from)) {
            $result='<div class="alert alert-success">Thank You! I will be in touch</div>';
        } else {
            $result='<div class="alert alert-danger">Sorry there was an error sending your message. Please try again later</div>';
        }
    }else{
        $errors = [];
        if( !$name ) $errors [] ='Invalid Name entered';

        if( !$email ) $errors [] ='Invalid Email entered';

        $result= '<div class="alert alert-danger">'.implode('<br>', $errors ).'</div>';
    }
}

filter_var() 在失败时返回过滤后的 var 或 false，因此使用它和三元 {if} ? true : false; 我们可以规范化您的输入以及之后的所有内容。

我们会尽快检查输入，这样我们就可以根据需要运行尽可能少的代码来获得最终结果。我们马上就知道它们是否良好并且可以跳过大部分电子邮件代码，并输出我们的错误消息。

逻辑上我们可以转储错误标志，否则我们知道一个或两个输入都是假的。数组和内爆只是插入换行符的一种更简单的方法。只需在代码更改最少的情况下添加另一个输入，也更容易扩展。如您所见，添加另一个三元语句、and 条件和错误消息非常容易。 （只有 2.5 行）

除此之外我会做的一件事就是这个

 $post = array_map('trim', $_POST);

然后将所有$_POST 更改为$post，这将解释复制和粘贴中添加为空格或额外空格的名称，这是常见的情况。

进一步你也许可以减少这样的错误

}else{
    $result= '<div class="alert alert-danger">'.implode('<br>', array_filter([
        $name ? false : 'Invalid Name entered',
        $email ? false : 'Invalid Email entered',
    ])).'</div>;
}