Laravel表单中日期选择器与下拉框的联动验证需求

我明白你的需求：未选日期时，day_desired和hour_id都可以留空；一旦选了日期，hour_id就必须选一个有效的选项（不能是那个值为0的提示项）。之前用required_if/required_unless没成功，大概率是没把「不能为0」的规则和必填规则结合起来，下面给你两种靠谱的解决方案：

方案一：使用闭包自定义条件验证 #

这种方式灵活度最高，能精准控制验证逻辑：

return [
    'name' => 'required',
    'first_name' => 'required',
    // 其他字段规则...
    'day_desired' => 'nullable',
    'hour_id' => [
        'nullable',
        function ($attribute, $value, $fail) {
            // 当day_desired有值时，检查hour_id是否为空或等于0
            $selectedDay = request()->input('day_desired');
            if (!empty($selectedDay) && (empty($value) || $value == 0)) {
                $fail('Please select a valid hour when a day is chosen.');
            }
        },
    ],
];

这个闭包会在验证时触发：如果用户选了日期，但hour_id是空的还是选了提示项（值为0），就抛出错误提示。

方案二：组合内置验证规则 #

如果你更倾向用Laravel的内置规则，可以把required_if和not_in组合起来：

return [
    'name' => 'required',
    'first_name' => 'required',
    // 其他字段规则...
    'day_desired' => 'nullable',
    'hour_id' => 'nullable|required_if:day_desired,!=,""|not_in:0',
];

• required_if:day_desired,!=,""：当day_desired不为空时，hour_id必须填写
• not_in:0：确保hour_id的值不能是0（也就是那个提示选项）

额外：前端联动优化（提升用户体验） #

后端验证是核心，但前端可以配合做交互优化，让用户更清楚规则：

// 假设用jQuery，你也可以用原生JS实现
$('#day_desired').on('change', function() {
    const hourSelect = $('#hour_id');
    const hasSelectedDay = !!$(this).val();
    
    // 切换下拉框的必填属性
    hourSelect.prop('required', hasSelectedDay);
    // 可选：禁用提示选项，避免用户误选
    hourSelect.find('option[value="0"]').prop('disabled', hasSelectedDay);
    
    // 如果之前选了提示项且现在有日期，清空选择
    if (hasSelectedDay && hourSelect.val() == 0) {
        hourSelect.val('');
    }
});

这样用户选了日期后，下拉框会自动变成必填状态，提示选项也会被禁用，减少出错概率。

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