表单验证必填项，安全跳转结果页方法

本文教你如何在 PHP 表单中集成前端 JavaScript 实时验证：当任意字段（姓名、姓氏、地址、邮编）为空时，阻止表单提交并弹出警告；验证通过后才提交至 PHP 处理页并渲染表格结果。

本文教你如何在 PHP 表单中集成前端 JavaScript 实时验证：当任意字段（姓名、姓氏、地址、邮编）为空时，阻止表单提交并弹出警告；验证通过后才提交至 PHP 处理页并渲染表格结果。

在 Web 表单开发中，客户端验证是用户体验的第一道防线，而 PHP 则负责服务端的最终处理与数据展示。你当前的问题核心在于：混淆了 PHP 与 JavaScript 的执行时机——PHP 是服务端语言，在页面生成时即完成执行；JavaScript 是客户端语言，在浏览器中运行。因此，不能将 $_POST 数据直接嵌入 JS 函数逻辑中再“等待用户点击”，而应在页面加载时就将 PHP 检查结果“预埋”为 JS 变量，并在 submit 事件中即时判断。

以下是优化后的完整实现方案（仅需修改第一个文件 ex4.php，第二个文件 ex4sep.php 保持不变即可）：

✅ 正确做法：分离职责，前端验证 + 后端兜底

    
    
    
    


    

        

            
Informations Etudiants
            

                

                    
nom
                    

                
                

                    
prenom
                    

                
                

                    
adresse
                    

                
                

                    
code postal
                    

                
                

                    

                
            
        
    

? 关键改进说明：

• onsubmit="return validateForm();"：直接绑定在
  上，比 onclick 更可靠（可拦截回车提交等所有提交方式）；
• return false 阻止默认提交行为：这是验证失败时的核心操作；
• addslashes() + htmlspecialchars()：防止 XSS 攻击，对输出到 JS 字符串和 HTML 属性的内容做双重转义；
• value="" 回显用户输入：提升体验，避免验证失败后丢失已填内容；
• 移除了冗余的 和内联