服务器端之后的引导验证器

Question

我有一个表单，我使用引导程序和验证器验证客户端。 示例：

<div class="col-sm-6 col-md-5">
   <label>EMAIL ADDRESS</label>
   <input class="form-control" id="Email" type="email" name="email" required="" data-error="Email address is required" value="maor@traseatlas.com" placeholder="">
   <div class="help-block with-errors"></div>
</div>

效果很好。接下来我想做的是将表单发送到服务器端并进行另一个验证。

我期望的是，当服务器端返回一个错误代码时，字段未正确验证以通过更改 CSS 等“打开”验证器，并让它继续以相同的行为它在客户端失败。

那么，我该如何操作 HTML / CSS，以便当它从服务器返回时，我会在屏幕上看到相同的警告？

我没有使用 Ajax 进行服务器端验证，只是一个普通的页面发布。

谢谢。

Answer 1

简单的解决方案是有一个 $errors 数组。在您进行验证时，您会将任何错误推送到所述数组中。如果最后 $errors 数组包含任何错误，则重新显示页面，并根据需要注入错误消息。

一个天真的例子：

<?php

    $errors = [];

    if(empty($_POST['some-required-field'])){
        $errors['some-required-field'] = "Some Required Field is required!";
    }

    // ... the rest ...

    if(count($errors) == 0){
        header('Location: /your-success-page.php');
    }
?>

然后，在表单的标记中：

<?php if(isset($errors['some-required-field'])): ?>
    <p class="help-block with-errors">
        <?: $errors['some-required-field'] ?>
    </p>
<?php endif; ?>