本文旨在帮助 Laravel 开发者解决表单验证失败后，如何保留用户已输入数据的问题。我们将深入探讨 withInput() 方法的使用，并提供清晰的代码示例，确保即使在验证失败的情况下，用户体验也能保持流畅。通过本文的学习，你将掌握在 Laravel 中优雅地处理表单验证，并提升应用的可用性。
在 Laravel 应用中，表单验证是确保数据完整性和安全性的关键环节。然而，当表单验证失败时，如何避免用户丢失已填写的数据，提升用户体验，是一个值得关注的问题。 Laravel 提供了 withInput() 方法，可以方便地将用户的输入数据传递回表单页面。
使用 withInput() 方法
在 Laravel 控制器中，当表单验证失败时，可以使用 withInput() 方法将用户输入的数据添加到重定向响应中。
以下是一个示例：
<?php
namespace App\Http\Controllers;
use App\Http\Controllers\Controller;
use App\Models\Languages;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Validator;
class PageController extends Controller
{
public function create(Request $request)
{
$languages = Languages::where("status", "=", 1)->get();
$validator = Validator::make($request->all(), [
'PageLanguage.title.*' => 'required',
], [
"required" => "请检查所有必填字段", // 避免使用土耳其语，改成通用提示
]);
if ($validator->fails()) {
return redirect('admin/page/create')
->withErrors($validator)
->withInput(); // 添加 withInput() 方法
}
// 如果验证通过，则执行其他操作，例如保存数据
// ...
}
}在上面的代码中，withInput() 方法被添加到 redirect() 方法的链式调用中。这意味着当验证失败时，用户输入的所有数据都将与重定向响应一起传递。
在 Blade 模板中使用 old() 函数
智能搜索代理，支持跨网页、学术、Tavily 及 Perplexity Sonar 模型的多源检索。
在 Blade 模板中，可以使用 old() 函数来检索用户先前输入的数据。old() 函数接受表单字段的名称作为参数，并返回先前输入的值。如果该字段没有先前输入的值，则返回 null。
以下是一个示例：
<div class="form-group">
<label for="name">名称</label>
<input type="text" class="form-control" id="name" name="name" value="{{ old('name') }}" placeholder="请输入名称">
</div>在这个例子中，old('name') 将尝试检索名为 "name" 的表单字段的先前输入的值。如果用户先前输入了 "John Doe" 作为名称，那么输入框将显示 "John Doe"。
使用 Laravel Collective HTML 组件可以简化表单的创建：
{!! Form::text('name', old('name'), ['class' => 'form-control', 'placeholder' => '请输入名称']) !!}注意事项
- 确保在控制器中使用 withInput() 方法，并在 Blade 模板中使用 old() 函数。
- old() 函数只能检索先前输入的值。如果用户从未输入过该字段的值，则 old() 函数将返回 null。
- 对于密码等敏感信息，不建议使用 withInput() 方法，以避免潜在的安全风险。
- withInput() 适用于大部分表单字段，包括文本框、文本区域、选择框、单选按钮和复选框。
总结
withInput() 方法是 Laravel 中一个非常有用的工具，可以帮助开发者在表单验证失败后保留用户输入的数据，从而提升用户体验。通过结合 withInput() 方法和 old() 函数，可以轻松地创建用户友好的表单，即使在验证失败的情况下，也能保持用户体验的流畅性。记住在处理敏感数据时要格外小心，避免泄露用户隐私。
