如何在表单提交前用 JavaScript 验证必填字段并安全跳转到结果页

在Web表单开发中，客户端验证是用户体验的第一道防线，而PHP则负责服务端的最终处理与数据展示。先理清一个关键点：混淆了PHP与Ja vaScript的执行时机——PHP是服务端语言，在页面生成时即完成执行；Ja vaScript是客户端语言，在浏览器中运行。因此，整件事情的正确做法，不是把$_POST数据直接塞进JS函数逻辑里再“等待用户点击”，而是应该在页面加载时就把PHP检查结果“预埋”为JS变量，等到submit事件触发时，再让JS即时判断。

下面是一套优化后的完整实现方案。注意，只需要修改第一个文件ex4.php，第二个文件ex4sep.php保持原样即可。

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

                    
        
            
Informations Etudiants
            
                
                    
nom
                    
                
                
                    
prenom
                    
                
                
                    
adresse
                    
                
                
                    
code postal
                    
                
                
                    
                
            
        
    

关键改进说明

• onsubmit="return validateForm();"：直接绑定在
  上，比onclick更可靠——它能拦截回车提交等所有提交方式，不会漏掉任何一个触发场景。
• return false 阻止默认提交行为：这是验证失败时的核心操作，没有这一步，验证就形同虚设。
• addslashes() + htmlspecialchars()：双重转义，既防XSS攻击，又保证输出到JS字符串和HTML属性时内容安全可控。
• value="" 回显用户输入：一个很体贴的细节——验证失败后，用户之前填的内容不会丢失，不用从头再来。
• 移除了冗余的 和内联