Livewire中如何基于所选教室容量验证参与人数上限输入值

你当前使用的是Livewire框架，原有静态规则数组不支持动态关联选中教室的容量参数，可按以下方案修改实现需求：

方案1：闭包自定义验证（推荐，灵活性高） #

删除原有静态$rules数组，改用Livewire支持的动态规则方法rules()，在闭包内查询选中教室的容量做判断：

// 替换原有的protected array $rules代码
public function rules()
{
    return [
        'form.class_id' => 'required|integer|exists:classes,id',
        'form.capacity' => [
            'required',
            'integer',
            'min:1',
            function ($attribute, $value, $fail) {
                // 注意替换为你实际的教室模型类名
                $class = \App\Models\ClassRoom::find($this->form['class_id']);
                if ($class && $value > $class->capacity) {
                    $fail('参与人数上限不能超过所选教室的最大容量：' . $class->capacity . '人');
                }
            }
        ],
    ];
}

方案2：动态max规则（写法更简洁） #

如果不需要在错误提示里带出教室实际容量，也可以直接拼接动态max规则：

public function rules()
{
    // 未选择教室时默认给一个超大值，required规则会先拦截未选教室的情况
    $maxCapacity = \App\Models\ClassRoom::find($this->form['class_id'])?->capacity ?? 99999;
    return [
        'form.class_id' => 'required|integer|exists:classes,id',
        'form.capacity' => 'required|integer|min:1|max:' . $maxCapacity,
    ];
}

// 可自定义错误提示
protected function messages()
{
    return [
        'form.capacity.max' => '参与人数上限不能超过所选教室的最大容量',
    ];
}

可选：实时验证优化 #

你当前表单用了wire:model.defer，默认会在提交时才触发验证，如果需要选择完教室/填写完人数后立刻提示错误，可新增钩子方法：

public function updated($propertyName)
{
    // 教室、人数字段变更时单独触发对应字段验证
    if (in_array($propertyName, ['form.class_id', 'form.capacity'])) {
        $this->validateOnly($propertyName);
    }
}

前端说明 #

现有Blade模板代码无需修改，已引入的<x-jet-input-error>组件会自动渲染验证错误提示。

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