Laravel出现count()参数错误，如何存储邮箱数组实现代订功能？

开发代订功能时，用户订购5份旅游套餐需输入4个好友邮箱，计划用数组存储邮箱，但出现错误：count(): Argument #1 ($value) must be of type Countable|array, null given。

现有代码 #

控制器代码 #

public function store(Request $request){
        $numbers = $request->numbers;
        $emails = $request->email;
        for($count = 0; $count < count($numbers); $count++){
            emails::create([
                'email'=>$emails[$count]
            ]);
        }
        return redirect ('/home/');
    }

Blade视图代码 #

<form action="{{route('EmailStore')}}" method="post">
    @csrf
    <div class="form-group">
        <label>How many people</label>
        <input type="text" required class="form-control @error ('numbers') is-invalid @enderror" 
        id="numbers" name="numbers" autocomplete="off">
    </div>
    @php
        $emails = count($numbers);
    @endphp
    @for ($i = 0; $i < $emails; $i++)
        <tr>
            <td>
                <label>Email.{{$i}}</label>
                <input type="text" required class="form-control @error ('email') is-invalid @enderror" 
                id="email" name="email[]" autocomplete="off">
            </td>
        </tr>
    @endfor
    <button type="submit" class="btn btn-info" id="btn_submit" 
        style="background-color: #eefa69; border:none; color:black">Submit</button>
</form>

错误原因分析 #

1. 视图初始渲染错误：首次加载页面时$numbers不存在（为null），直接调用count($numbers)触发类型错误。
2. 逻辑计算错误：控制器中$numbers是用户输入的数字字符串，count($numbers)会统计字符串长度（比如输入5时返回1），导致循环逻辑完全错误。
3. 缺少输入验证：未校验用户输入的合法性，比如输入非数字、负数或邮箱格式错误时，会引发后续逻辑异常。
4. 业务逻辑偏差：订购N份套餐需要N-1个邮箱，但现有代码直接用count($numbers)作为邮箱输入数量，不符合需求。

解决方案 #

1. 修复Blade视图 #

解决初始渲染问题，匹配业务逻辑，同时优化用户体验：

<form action="{{route('EmailStore')}}" method="post">
    @csrf
    <div class="form-group">
        <label>订购人数</label>
        <!-- 改用number类型输入，限制最小为2（至少需要1个好友邮箱） -->
        <input type="number" min="2" required class="form-control @error('numbers') is-invalid @enderror" 
        id="numbers" name="numbers" autocomplete="off" value="{{old('numbers')}}">
        @error('numbers')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    @php
        // 回显之前的输入，首次加载默认0，计算需要的邮箱数量为订购数-1
        $totalPeople = old('numbers') ?? 0;
        $emailCount = max(0, $totalPeople - 1);
    @endphp

    <!-- 只有需要输入邮箱时才渲染输入框 -->
    @if($emailCount > 0)
        @for ($i = 0; $i < $emailCount; $i++)
            <div class="form-group">
                <label>好友邮箱{{$i+1}}</label>
                <!-- 改用email类型，单独校验每个邮箱的错误 -->
                <input type="email" required class="form-control @error('email.' . $i) is-invalid @enderror" 
                name="email[]" autocomplete="off" value="{{old('email.' . $i)}}">
                @error('email.' . $i)
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
        @endfor
    @endif

    <button type="submit" class="btn btn-info" id="btn_submit" 
        style="background-color: #eefa69; border:none; color:black">提交</button>
</form>

2. 修复控制器逻辑并添加验证 #

public function store(Request $request){
    // 严格验证输入合法性
    $validated = $request->validate([
        'numbers' => 'required|integer|min:2',
        'email' => 'required|array|size:' . ($request->numbers - 1),
        'email.*' => 'required|email'
    ]);

    $emailList = $validated['email'];
    // 批量生成数据并插入，比循环create更高效
    $emailRecords = collect($emailList)->map(function($email) {
        return ['email' => $email];
    });

    // 注意模型类名遵循Laravel规范，首字母大写
    \App\Models\Emails::insert($emailRecords);

    return redirect('/home/');
}

3. 可选：前端动态生成邮箱输入框（提升体验） #

添加JS实现输入订购人数后自动生成对应数量的邮箱输入框，无需刷新页面：

document.getElementById('numbers').addEventListener('input', function() {
    const total = parseInt(this.value);
    const emailCount = Math.max(0, total - 1);
    const container = document.createElement('div');
    container.id = 'email-container';
    
    // 清空原有内容
    const existingContainer = document.getElementById('email-container');
    if(existingContainer) existingContainer.remove();

    for(let i=0; i<emailCount; i++){
        const group = document.createElement('div');
        group.className = 'form-group';
        group.innerHTML = `
            <label>好友邮箱${i+1}</label>
            <input type="email" required class="form-control" 
            name="email[]" autocomplete="off" value="">
        `;
        container.appendChild(group);
    }

    // 插入到提交按钮前
    document.getElementById('btn_submit').parentNode.insertBefore(container, document.getElementById('btn_submit'));
});

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