You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Laravel实现将注册姓名数据展示在只读文本框的方法

Laravel 实现用户姓名回显到只读文本框

1. 后端控制器处理

确保页面路由通过auth中间件验证(仅登录用户可访问),在对应控制器方法中获取当前登录用户数据并传递到视图:

use Illuminate\Support\Facades\Auth;

public function step1()
{
    // 获取当前登录用户
    $user = Auth::user();
    // 传递用户数据到目标视图(示例视图名为 application.step1)
    return view('application.step1', compact('user'));
}

2. 前端视图修改

直接在你的HTML代码中,给每个只读输入框添加value属性,用Blade语法绑定用户数据(以下示例假设数据库字段为first_name、middle_name、last_name,请根据实际字段名调整):

修改后的完整页面代码:

<div class=" overflow-auto">
    <div class="p-3">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title text-info"><strong> Step 1 (Application Form: Personal Information)</strong></h4>
                <div class="row">
                    <div class="col-sm-12 col-lg-4">
                        <div class="form-group row">
                            <label for="firstName" class="col-sm-3 text-right control-label col-form-label">First Name</label>
                            <div class="col-sm-9">
                                <input class="form-control" type="text" id='firstName' readonly value="{{ $user->first_name }}">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-lg-4">
                        <div class="form-group row">
                            <label for="middleName" class="col-sm-3 text-right control-label col-form-label">Middle Name</label>
                            <div class="col-sm-9">
                                <input class="form-control" type="text" placeholder="Middle Name" id='middleName' readonly value="{{ $user->middle_name ?? '' }}">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-lg-4">
                        <div class="form-group row">
                            <label for="lastName" class="col-sm-3 text-right control-label col-form-label">Last Name</label>
                            <div class="col-sm-9">
                                <input class="form-control" type="text" placeholder="Last Name" id='lastName' readonly value="{{ $user->last_name }}">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <a href="step2" class="btn waves-effect waves-light btn-success"  style="float:right;">Next</a>
        </div>
    </div>
</div>

额外说明

  • 确认User模型已包含对应姓名字段,若字段名与示例不同,直接替换即可。
  • 路由需添加auth中间件,避免未登录用户访问,示例路由:
Route::get('/application/step1', [ApplicationController::class, 'step1'])->middleware('auth');

内容的提问来源于stack exchange,提问作者MeepoTheNewbie

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.12 15:50:19