WPCMF 开源内容管理系统
https://gitee.com/wpcmf/wpcmf.git
当发生验证错误时,默认情况下,表单输入不会保留提交前的值。这会导致糟糕的用户体验,因为用户需要重新输入信息。幸运的是,Laravel 提供了一种非常简单的方法来解决这个问题。
我们可以在old助手的帮助下将值设置为blade模板中的输入。
<input type="text" name="username" value="{{ old('username') }}">
如果该值不存在,old助手将返回null,但如果这不是我们想要的,我们可以将默认值传递给这个助手。
<input type="text" name="username" value="{{ old('username', 'default value') }}">
正如您在此处看到的,如果旧值不存在,则输入的值将设置为default value. 这在编辑已经有值的页面特别有用,但我们仍想显示旧值,因此用户不需要重新键入它。
在选择上使用旧值
选择有点不同,因为我们不能像在其他输入中那样直接设置类型。但是,您仍然可以使用old帮助程序来设置选定的值。我们只需要将旧值与当前选项进行比较,并selected在值匹配时设置属性。这是一个例子:
<select name="car" id="cars">
<option value="volvo" {{ "volvo" === old('car') ? 'selected' : '' }}>Volvo</option>
<option value="saab" {{ "saab" === old('car') ? 'selected' : '' }}>Saab</option>
<option value="mercedes" {{ "mercedes" === old('car') ? 'selected' : '' }}>Mercedes</option>
<option value="audi" {{ "audi" === old('car') ? 'selected' : '' }}>Audi</option>
</select>
就是这样,这就是您如何使用old辅助方法来改善您网站的用户体验。