使用 PHP 将类添加到输入

Question

我一直在研究一个使用 PHP 表单验证的表单。我的 CSS 文件中还有一个类，应该添加到每个无效输入中。您可以查看 JSFiddle here。我尝试添加的类仅在输入返回无效时可见。类名是.invalid，您可以在 CSS 中找到它。提前致谢，我们将不胜感激。

Answer 1

假设有两个输入，并且您想通过 PHP 进行验证，验证过程将在提交表单后进行

HTML

<input type="text" title="First Name" aria-placeholder="First Name" id="name" required />
<input type="text" title="Last Name" aria-placeholder="Last Name" id="name" required />

PHP

for($i = 0;$i < sizeof($_POST);$i++){
if($_POST[$i] == null || $POST[$i] == ""){
echo "Please insert :".$_POST[$i];
 }
}

注意： PHP会在表单提交后进行验证，提交前需要使用javascript进行验证。

Answer 2

如果字段无效，您可以让 PHP 在输入中添加一个类，但您可能需要调整方法。

如果您想使用表单 POST 方法（正如您所拥有的那样）进行维护，您需要将验证代码移动到呈现视图的同一页面上进行处理（最简单的方法是将其放在同一页面内）。如果您想保持代码整洁，您仍然可以使用并包含一个单独的文件来拉入您想要用于验证的 PHP 类或其他系统。这是一个例子：

<?php
// filter_input returns null or false if invalid.
$firstname = filter_input(INPUT_POST, 'firstname', FILTER_SANITIZE_STRING);
?>

<form method="POST" action="<?php echo getenv('REQUEST_URI'); ?>">
<input type="text" name="firstname" value="<?php echo $firstname; ?>" class="<?php echo $firstname ? '' : 'invalid'; ?>" />
<input type="submit" name="submit" value="Submit" />
</form>

但是，我会推荐一种更强大的方法，即使用 AJAX 处理程序来提交您的表单。这将为您的用户提供更好的体验，并且还允许您巧妙地将表单处理与视图完全分开。该解决方案有点超出了这个问题的范围，但最终你会让你的 PHP AJAX 处理程序返回关于提交是否有效或哪些字段无效的信息，并让 javascript 将你的 invalid 类添加到字段中出错了。