PHP 8环境下HTML表单提交后部分POST数据为空的问题

核心问题 #

1. PHP与JavaScript代码混写错误：你把处理POST请求的PHP代码放在了客户端的JavaScript函数chkFormular里。PHP是服务器端语言，页面加载时就会执行所有PHP代码，点击提交按钮时JS函数里的PHP代码早就执行完了，根本不会在提交时处理表单数据。
2. HTML结构不完整：<td>标签没有被<tr>和<table>包裹，浏览器可能无法正确渲染文本输入框，导致表单提交时无法获取其值。
3. 隐藏字段value属性未加引号：value=$abschlag1不符合HTML规范，若值包含空格或特殊字符会直接出错，虽然当前值"gelb"没问题，但属于潜在隐患。

修正后的代码 #

<?php
// 处理POST请求的代码放在页面最顶部
$abschlag1 = "gelb";
$ndbw01 = 8;
$L01w = '';
if(isset($_POST['submit1'])) {
    $abschlag1 = $_POST['abschlag1'];
    $L01w = $_POST['L01w'] ?? ''; // 用null合并运算符避免未定义索引警告
}
?>

<form name='Formular' action='' method='post'>
    <table>
        <tr>
            <td align="center">
                <input type='text' pattern='\d*' maxlength='2' id='L01w' name='L01w' size='2' value="<?php echo $L01w; ?>">
                <?php echo $ndbw01; ?>
            </td>
        </tr>
    </table>
    <input type='hidden' id='abschlag1' name='abschlag1' value="<?php echo $abschlag1; ?>">
    <input type='submit' name='submit1' value='Speichern' onclick="return chkFormular();">
</form>

<script type="text/javascript">
function chkFormular() {
    // 这里放客户端验证逻辑，比如检查文本框是否为空、是否符合数字格式等
    const input = document.getElementById('L01w');
    if(!input.value.match(/\d*/)) {
        alert('请输入有效的数字');
        return false; // 阻止表单提交
    }
    return true;
}
</script>

关键修改说明 #

• 将处理POST数据的PHP代码移至页面顶部，确保页面加载时就能处理提交的表单数据。
• 补全<table>和<tr>标签，确保文本输入框在正确的HTML结构中渲染。
• 给所有HTML属性值加上双引号，符合规范。
• 给文本输入框设置value="<?php echo $L01w; ?>"，提交后能保留用户输入的值。
• 修正JS函数的作用：如果需要客户端验证，在chkFormular里写验证逻辑，并通过返回true/false控制表单是否提交（提交按钮的onclick需返回函数结果）。

内容的提问来源于stack exchange，提问作者wolli911