Laravel 8 表单点击提交无反应且无报错问题排查求助

问题原因 #

你点击提交无反应本质是后端表单验证不通过，Laravel自动重定向回表单页，但你未输出错误提示，所以看不到失败原因，核心有以下几个错误点：

修复步骤 #

1. 修复控制器add方法传参
   你在add方法中获取了Task模型，但没有传递给视图，导致表单页拿不到任务ID，无法提交task_id字段。修改代码：

public function add(Task $task)
{
  abort_if(Gate::denies('task_access'), Response::HTTP_FORBIDDEN, '403 Forbidden');
  // 把task变量传给视图
  return view('tasks.taskReminderAdd', compact('task'));
}

2. 修复表单action参数
   你的reminder.store路由不需要额外参数，你错误传入了字符串postData，修改表单标签：

<form method="post" action="{{ route('reminder.store') }}">

3. 补全表单缺失字段

• 新增task_id隐藏域，用来提交关联的任务ID
• 新增reminder_date输入框，你的验证规则要求该字段必填，但现有表单没有这个字段
• 顶部新增全局错误提示，方便排查验证问题
  修改后的完整表单开头部分：

<form method="post" action="{{ route('reminder.store') }}">
    @csrf
    <!-- 全局错误提示 -->
    @if ($errors->any())
        <div class="mb-4 p-4 bg-red-50 border border-red-200 rounded">
            <ul class="list-disc pl-4 text-sm text-red-600">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <!-- 隐藏的任务ID字段 -->
    <input type="hidden" name="task_id" value="{{ $task->id }}">
    <div class="shadow overflow-hidden sm:rounded-md">
      <div class="px-4 py-5 bg-white sm:p-6">
        <div class="grid grid-cols-6 gap-6">
          <!-- 原有reminder输入框 -->
          <div class="col-span-6 sm:col-span-3">
              <label for="reminder" class="block font-medium text-sm text-gray-700">Reminder</label>
              <input type="text" name="reminder" id="reminder" class="form-input rounded-md shadow-sm mt-1 block w-full"
                     value="{{ old('reminder', '') }}" />
              @error('reminder')
                  <p class="text-sm text-red-600">{{ $message }}</p>
              @enderror
          </div>
          <!-- 新增的提醒日期输入框 -->
          <div class="col-span-6 sm:col-span-3">
              <label for="reminder_date" class="block font-medium text-sm text-gray-700">提醒日期</label>
              <input type="date" name="reminder_date" id="reminder_date" class="form-input rounded-md shadow-sm mt-1 block w-full"
                     value="{{ old('reminder_date', '') }}" />
              @error('reminder_date')
                  <p class="text-sm text-red-600">{{ $message }}</p>
              @enderror
          </div>

4. 修复验证规则的表名错误
   Laravel默认表名是复数形式，你的验证规则里exists:task,id写的是单数表名，大概率和你的实际表名不符，修改为：

$postData = $this->validate($request, [
  'reminder' => 'required|min:3',
  'reminder_date' => 'required|date',
  'task_id' => 'required|exists:tasks,id'
]);

完成以上修改后提交表单就能正常运行，就算有错误也会有明确提示。

内容的提问来源于stack exchange，提问作者Doğancan Kabaoğlu