Laravel 5.1 如何在 Blade 文件上使用 {{ old('') }} 帮助器进行无线电输入

Laravel

使用Laravel 5.1的Blade模板引擎，我们可以方便地处理表单输入和验证。其中一个非常有用的帮助器是{{ old('') }}，它允许我们在重新加载表单时，将之前用户输入的值自动填充到相应的表单字段中。

在编写表单时，我们可以通过在输入字段的value属性中使用{{ old('') }}帮助器，来实现自动填充用户之前输入的值。这在用户提交表单后出现错误，需要重新加载表单时非常有用。

下面是一个例子，展示了如何在Blade文件中使用{{ old('') }}帮助器进行无线电输入：

html
<form method="POST" action="/user">
    @csrf
    
    <label for="name">姓名：</label>
    <input type="text" id="name" name="name" value="{{ old('name') }}" />
    
    <label for="emAIl">邮箱：</label>
    <input type="emAIl" id="emAIl" name="emAIl" value="{{ old('emAIl') }}" />
    
    <button type="submit">提交</button>
</form>

在上面的例子中，我们使用了{{ old('name') }}和{{ old('emAIl') }}帮助器来自动填充之前用户输入的姓名和邮箱。如果用户在提交表单后出现错误，重新加载表单时，这些字段将自动填充之前的值。

案例代码：

html
<form method="POST" action="/user">
    @csrf
    
    <label for="name">姓名：</label>
    <input type="text" id="name" name="name" value="{{ old('name') }}" />
    
    <label for="emAIl">邮箱：</label>
    <input type="emAIl" id="emAIl" name="emAIl" value="{{ old('emAIl') }}" />
    
    <button type="submit">提交</button>
</form>

使用{{ old('') }}帮助器进行表单输入

在Laravel 5.1中，我们可以使用{{ old('') }}帮助器来方便地处理表单输入和验证。这个帮助器允许我们在重新加载表单时，将之前用户输入的值自动填充到相应的表单字段中。

当用户提交表单后出现错误，我们可以通过在输入字段的value属性中使用{{ old('') }}帮助器，来自动填充用户之前输入的值。这样，用户无需重新输入所有字段，只需要修改错误的部分即可。

示例代码：

html
<form method="POST" action="/user">
    @csrf
    
    <label for="name">姓名：</label>
    <input type="text" id="name" name="name" value="{{ old('name') }}" />
    
    <label for="emAIl">邮箱：</label>
    <input type="emAIl" id="emAIl" name="emAIl" value="{{ old('emAIl') }}" />
    
    <button type="submit">提交</button>
</form>

在上面的例子中，我们使用了{{ old('name') }}和{{ old('emAIl') }}帮助器来自动填充之前用户输入的姓名和邮箱。如果用户在提交表单后出现错误，重新加载表单时，这些字段将自动填充之前的值。这样，用户可以轻松地修改错误的字段，而无需重新输入所有内容。

使用Laravel 5.1的Blade模板引擎，我们可以方便地处理表单输入和验证。{{ old('') }}帮助器是一个非常有用的工具，它可以自动填充用户之前输入的值，减少用户的重复操作。通过在表单字段的value属性中使用{{ old('') }}帮助器，我们可以轻松地实现无线电输入，提供更好的用户体验。

参考资料：

- Laravel Documentation:

Laravel.com/docs/5.1/requests#old-input">https://Laravel.com/docs/5.1/requests#old-input