验证失败后的 Laravel 复选框状态

Question

关于如何在表单提交后正确保留 Laravel 中的复选框字段，这里有很多问题（ example, example, example )，这个问题与此无关。

请注意，我也很了解Laravel's old() method，以及it accepts a default value。我的问题是关于 old() 似乎不适用于复选框的特殊情况。

我正在处理一个编辑表单，更新数据库中已有的数据。表单最初将使用数据库中的值填充。

验证失败后重新填充表单输入的标准方法是使用old()。对于大多数输入类型，类似以下的工作：

<input type='text' name='unicorns' value='{{ old('unicorns', $model->unicorns) }}'>

在初始页面加载时（在提交表单之前），这可以正常工作。由于尚未提交任何内容，old('unicorns') 为null，因此将使用默认的$model->unicorns，文本字段的值反映了当前的数据库状态。

在提交新值但验证失败后，old('unicorns') 将成为新值，即使新值是空字符串，并且文本字段的值再次反映了提交的状态，正如我们所愿。

但是，当未选中的复选框根本没有出现在请求中时，这会破坏复选框。考虑：

<input type='checkbox' name='unicorns' value='1' @if old('unicorns', $model->unicorns) checked @endif>

在初始页面加载时，这工作正常，就像文本字段一样。但在验证失败后，对于复选框从初始状态更改的两种情况：

• 案例 1：DB 状态 0（未选中），已提交状态已选中。 old('unicorns') 将是 1，所以测试评估 true，复选框被选中 - OK！

• 案例 2：DB 状态 1（选中），未选中提交状态。由于old('unicorns') 为空，old() 回退到默认值$model->unicorns (1)，所以测试评估true，并且复选框被选中 - 但我们只是取消选中它！失败！

（其他2种情况没有问题，复选框没有从DB中的状态改变）。

如何解决？

我最初认为解决此问题的最佳方法是测试是否存在验证错误 - 如果是，请使用 old() 值，没有默认回退；如果没有，请使用 old() 和默认后备。测试验证失败的一种方法是检查$errors。这似乎可行，但它only works within a view AFAICT，如（来自 Laravel 文档）：

注意：$errors 变量绑定到视图...

我想为此创建一个全局帮助器，而 $errors 不会在那里工作。无论如何，这种方法感觉......笨重且过于复杂。

我错过了什么吗？有没有一种简洁的 Laravel 方法来解决这个问题？ old() 根本不适用于这种特殊情况，这似乎很奇怪。

这不是一个新问题，其他人是如何处理的？

Answer 1

这是我在问题中提到的解决方案。它运作良好，6 个月后，它似乎不像我发布问题时那样笨拙。不过，我很高兴听到其他人是如何做到这一点的。

我有一个Html 助手，创建为described in this question，别名为config/app.php，如this answer to that question 的第一部分所述。我给它加了一个静态方法：

namespace App\Helpers;
use Illuminate\Support\ViewErrorBag;

class Html {
    /**
     * Shortcut for populating checkbox state on forms.
     *
     * If there are failed validation errors, we should use the old() state
     * of the checkbox, ignoring the current DB state of the field; otherwise
     * just use the DB value.
     *
     * @param string $name The input field name
     * @param string $value The current DB value
     * @return string 'checked' or null;
     */
    public static function checked($name, $value) {
        $errors = session('errors');

        if (isset($errors) && $errors instanceof ViewErrorBag && $errors->any()) {
            return old($name) ? 'checked' : '';
        }

        return ($value) ? 'checked' : '';
    }
}

现在在我看来，我可以这样使用它：

<input type='checkbox' name='unicorns' value='1' {{ \Html::checked('unicorns', $model->unicorns) }}>

这会在初始加载和验证失败后正确处理数据库和提交状态的所有组合。

Answer 2

我遇到了同样的问题，发现了这个旧帖子。想分享我的解决方案：

<input type="checkbox" name="unicorns" class="form-check-input" id="verified" {{ !old()?$model->unicorns:old('unicorns')?' checked':'' }}>

{{ !old()?$model->unicorns:old('unicorns')?' checked':'' }}

嵌套三元组：第一个三元组为第二个提供条件：

当没有old()数组时，就没有post，因此DB值$model->unicorns将被用作这样的条件：

{{ $model->unicorns?' checked':'' }} 将正确评估 0 或 1 的值

如果存在old() 数组，我们可以使用old('unicorns') 变量的存在作为条件，如下所示：

{{ old('unicorns')?' checked':'' }} 将正确评估 on 的值或无值。

这是一种类型的杂耍，你有嵌​​套的三元，但效果很好。

Answer 3

我有类似的情况，我的解决方案是在复选框字段之前添加一个隐藏字段。所以，在你的情况下，它会是这样的：

<input type='hidden' name='unicorns' value='0'>
<input type='checkbox' name='unicorns' value='1' {!! old('unicorns', $model->unicorns) ? ' checked' : '' !!}>

这样，当未勾选复选框时，该字段的值 0 仍将出现在发布请求中。当它被勾选时，复选框的值将覆盖隐藏字段中的值，因此顺序很重要。您不需要通过这种方法使用自定义类。

这对你有用吗？

Answer 4

根据 Don't Panic 的回答，您可以在刀片中这样做：

<input type="checkbox" class="form-check-input" value='true'
@if ($errors->any())
{{ old('is_private') ? 'checked' : '' }}
@else
{{ isset($post) && $post->is_private ? 'checked' : '' }}
@endif
>

希望对你有帮助。

Answer 5

我这样做

 <input id="main" class="form-check-inline"
 type="checkbox" name="position" {{old('position',$position->status)?'checked':''}}>

Answer 6

在持久化复选框状态时，我实际上做了一个简单的三元运算符：

<input name='remember' type='checkbox' value='1' {{ old('remember') ? 'checked' : '' }}>

编辑：

<input name='remember' type='checkbox' value='yes' {{ old('remember') == 'yes' ? 'checked' : '' }}>