验证错误时保持单选按钮选中及Laravel文章增改技术问询

第一步：给控制器方法添加表单验证 #

首先得给update和store方法补上表单验证逻辑——Laravel会自动在验证失败时把用户提交的输入暂存起来，这是实现单选按钮保持选中的基础。修改你的update方法如下：

public function update(Request $request, $id){ 
    // 先执行表单验证，规则根据你的实际业务需求调整
    $validated = $request->validate([
        'radiobutton' => 'required', // 确保单选按钮有选中值
        'title' => 'required|string|max:255',
        // 其他字段的验证规则，比如文章内容、分类等
    ]);

    // 验证通过后再处理更新逻辑
    // 注意：如果有「创建新文章」的单选按钮，要先判断值是否为'new'，避免find失败
    if($request->radiobutton !== 'new') {
        $post = Post::findOrFail($request->radiobutton); 
        $post->title = $request->title; 
        // ... 其他字段赋值操作 
        $post->save(); 
        Session::flash('success','post edited with success'); 
    } else {
        // 这里可以添加创建新文章的逻辑，比如跳转到创建页面或直接生成新文章
        // 示例：return redirect()->route('posts.create')->withInput();
    }

    return redirect()->back(); 
}

store方法也需要做类似的验证修改，确保验证失败时能返回表单页面并携带用户之前的输入数据。

第二步：修改视图，根据旧输入标记选中状态 #

在视图里，每个单选按钮都要通过old()函数获取上一次提交的单选按钮值，判断是否和当前按钮的value匹配，匹配的话就加上checked属性。

假设你的视图是循环输出现有文章单选按钮，再加上创建新文章的选项，代码可以这么写：

{{-- 循环输出现有文章的单选按钮 --}}
@foreach($posts as $post)
    <div class="radio-option">
        <input 
            type="radio" 
            name="radiobutton" 
            id="post-{{ $post->id }}" 
            value="{{ $post->id }}"
            {{ old('radiobutton') == $post->id ? 'checked' : '' }}
        >
        <label for="post-{{ $post->id }}">{{ $post->title }}</label>
    </div>
@endforeach

{{-- 创建新文章的单选按钮 --}}
<div class="radio-option">
    <input 
        type="radio" 
        name="radiobutton" 
        id="post-new" 
        value="new"
        {{ old('radiobutton') == 'new' ? 'checked' : '' }}
    >
    <label for="post-new">创建新文章</label>
</div>

额外提示：设置默认选中（可选） #

如果希望第一次加载页面时就有默认选中的单选按钮，可以给old()函数加第二个参数作为默认值。比如默认选中第一篇文章：

{{ old('radiobutton', $posts->first()->id) == $post->id ? 'checked' : '' }}

如果默认想选中「创建新文章」选项，就把默认值设为'new'：

{{ old('radiobutton', 'new') == 'new' ? 'checked' : '' }}

这样调整后，当表单验证失败时，用户之前选中的单选按钮就会保持选中状态，不用重新选择啦～

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