Laravel自定义验证异常：仅商品下拉框生效，其他输入无错误提示

问题根源 #

1. 验证规则未适配数组字段：你的表单字段都是数组形式（如variety[]），但原验证规则仅针对单一值（'variety' => 'required'），未指定验证数组中的每一项。
2. 错误提示未绑定动态索引：Laravel验证数组字段时，错误键是variety.0、variety.1这种格式，原模板中@error('variety')无法匹配对应行的错误。
3. DOM ID重复：动态生成的输入框ID完全相同，会导致DOM行为异常，也不利于错误提示绑定。

具体修复步骤 #

1. 修正验证规则（StoreELinkageRequest.php） #

将规则改为数组通配符格式，确保每一行的字段都被验证：

public function rules(): array
{
    return [
        'commodity.*' => 'required',
        'variety.*' => 'required',
        'volume.*' => 'required',
        'startDate.*' => 'required|date',
        'endDate.*' => 'required|date',
    ];
}

public function messages()
{
    return [
        'commodity.*' => '请选择商品',
        'variety.*' => '请输入品种',
        'volume.*' => '请输入重量',
        'startDate.*' => '请选择开始日期',
        'endDate.*' => '请选择结束日期',
    ];
}

2. 修正模板中的错误提示与唯一ID（input-components.blade.php） #

针对动态循环的行，用index绑定错误键和唯一ID，示例如下：

商品下拉框修改

<div class="col-md-3 mb-2">
    <label for="commodity-{{ $index }}" class="form-label label-style">Commodity</label>
    <select id="commodity-{{ $index }}" name="commodity[]" class="form-select">
        <option selected disabled>Select Commodity</option>
        @foreach ($commodityValues as $id => $value)
            <option value="{{ $id }}">{{ $value }}</option>
        @endforeach
    </select>
    @error('commodity.' . $index)
        <span class="fs-6 text-danger">{{ $message }}</span>
    @enderror
</div>

品种输入框修改

<div class="col-md-2 mb-2">
    <label for="variety-{{ $index }}" class="form-label label-style">Variety</label>
    <input type="text" class="form-control" name="variety[]" id="variety-{{ $index }}" autocomplete="off">
    @error('variety.' . $index)
        <span class="fs-6 text-danger">{{ $message }}</span>
    @enderror
</div>

重量、日期字段同理修改

将volume、startDate、endDate的ID都加上-{{ $index }}，@error指令改为字段名.索引的格式，确保每个行的错误提示精准对应。

3. 确保Alpine.js初始化至少一行数据 #

你的eLinkageAddRow()组件需默认初始化一行数据，否则页面加载时第一行的错误提示无法正常渲染。

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