What is the recommended approach for highlighting input errors, such as displaying a red border, in a PHP form validation process?

When validating input in a PHP form, it is important to provide clear feedback to users about any errors in their input. One common approach is to highlight the input fields with errors by displaying a red border around them. This visual cue can help users quickly identify and correct their mistakes. 

<?php
// Check if the form has been submitted
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $name = $_POST["name"];
    $email = $_POST["email"];
    
    // Perform validation on the input fields
    $errors = array();
    if (empty($name)) {
        $errors["name"] = "Name is required";
    }
    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
        $errors["email"] = "Invalid email format";
    }

    // Display the form with error highlighting
    ?>
    <form method="post" action="">
        <input type="text" name="name" <?php if(isset($errors["name"])) { echo 'style="border: 1px solid red;"'; } ?>>
        <?php if(isset($errors["name"])) { echo '<span style="color: red;">' . $errors["name"] . '</span>'; } ?><br>
        
        <input type="text" name="email" <?php if(isset($errors["email"])) { echo 'style="border: 1px solid red;"'; } ?>>
        <?php if(isset($errors["email"])) { echo '<span style="color: red;">' . $errors["email"] . '</span>'; } ?><br>
        
        <input type="submit" value="Submit">
    </form>
    <?php
}
?>

Keywords

form validation input errors error highlighting PHP functions red border

Related Questions