满足PHP条件时如何触发JS修改CSS属性实现弹窗显示？

方案1：表单提交后回显方案（无需修改原有提交逻辑，适合不需要无刷新的场景） #

1. 修改Condition.php代码，满足条件时重定向回Check.php携带触发参数

<?php
    // Defined variables and additional codes section
    $str = $_POST['你要判断的参数名']; // 补充你自己获取$str变量的逻辑
    if (strlen($str) == 4) {
        // 满足条件时携带弹窗标记跳转回Check.php
        header('Location: Check.php?show_popup=1');
        exit();
    }
    // 不满足条件的跳转逻辑自行补充，示例：
    header('Location: Check.php?show_popup=0');
    exit();
    // Additional Codes
?>

2. 修改Check.php代码，新增加载时的弹窗触发判断

<form class="frm" action="Condition.php" method="POST">
    // Additional Codes here
    <input type="submit" name="checkOutBtn" value="CONFIRM" id="confirm">
</form>

<?php include 'box.php';?>
<script src='ConfirmCheck.js'></script>
<!-- 新增判断逻辑：有触发标记则直接显示弹窗 -->
<?php if (isset($_GET['show_popup']) && $_GET['show_popup'] == 1): ?>
<script>
$(document).ready(function(){
    $('.popup').removeClass("hide");
});
</script>
<?php endif; ?>

方案2：AJAX无刷新提交方案（体验更好，无需页面跳转） #

1. 修改ConfirmCheck.js逻辑，阻止表单默认跳转，改用AJAX请求判断条件

$(document).ready(function () {
    $('#confirm').click(function (e) {
        // 阻止表单默认提交跳转行为
        e.preventDefault();
        // 收集表单所有提交数据
        let formData = $('.frm').serialize();
        // 异步请求Condition.php判断条件
        $.post('Condition.php', formData, function(res){
            if(res.code == 1){
                // 满足条件直接显示弹窗
                $('.popup').removeClass("hide");
            }else{
                // 不满足条件的提示逻辑自行补充
                alert("条件校验不通过");
            }
        }, 'json')
    });
});

2. 修改Condition.php代码，返回JSON格式的校验结果

<?php
    // Defined variables and additional codes section
    $str = $_POST['你要判断的参数名']; // 补充你自己获取$str变量的逻辑
    $return = ['code' => 0];
    if (strlen($str) == 4) {
        $return['code'] = 1;
    }
    // 输出校验结果并终止程序
    echo json_encode($return);
    exit();
    // Additional Codes
?>

3. 可选修改Check.php的表单属性，移除多余的跳转地址

<form class="frm" method="POST">

额外问题修复 #

你当前Box.php里的首页跳转按钮写法错误，onclick属性不能直接写PHP文件名，修改为：

<button class="homepageBtn" onclick="window.location.href='home.php'">GO TO THE HOME PAGE</button>

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