How can PHP be integrated with JavaScript to create a more robust input validation system for web forms?

To create a more robust input validation system for web forms, PHP can be integrated with JavaScript. JavaScript can be used to perform client-side validation to provide immediate feedback to users, while PHP can be used for server-side validation to ensure data integrity. By combining both client-side and server-side validation, we can create a more comprehensive input validation system for web forms.

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $name = $_POST["name"];
    // Server-side validation
    if (empty($name)) {
        $error_message = "Name is required";
    }
}
?>

<script>
document.querySelector('form').addEventListener('submit', function(event) {
    let name = document.querySelector('#name').value;
    // Client-side validation
    if (name === '') {
        alert('Name is required');
        event.preventDefault();
    }
});
</script>