Laravel中如何在输入层添加前缀并传递至后端？

问题背景 #

当前前端输入框仅收集纯数字，控制器接收后拼接前缀存入数据库（格式如xyz.1111）。但唯一性校验时，用纯数字匹配数据库中带前缀的字段无法检测到重复，导致验证通过后触发MySQL唯一约束报错。需要在输入阶段或验证前完成前缀拼接，确保校验逻辑正确。

前端拼接方案（隐藏字段实现） #

修改Blade模板，保留显示用的数字输入框，新增隐藏字段存储拼接后的完整值，提交表单时传递隐藏字段的值：

<div class="col-md-4 form-group">
    <label class="form-label fw-bold text-muted">Em Code</label>
    <div class="input-group">
        <div class="input-group-prepend">
            <div class="input-group-text">xyz.</div>
        </div>
        <!-- 仅用于输入数字的显示框 -->
        <input class="form-control" name="em_code_number" type="number" 
               value="{{ old('em_code') ? str_replace('xyz.', '', old('em_code')) : '' }}">
        <!-- 存储完整格式的隐藏字段 -->
        <input type="hidden" name="em_code" id="em_code_hidden" 
               value="{{ old('em_code') }}">
        @error('em_code')
            <span class="text-danger">{{ $message }}</span>
        @enderror
    </div>
</div>

<script>
// 实时拼接前缀并赋值给隐藏字段
document.querySelector('input[name="em_code_number"]').addEventListener('input', function() {
    const prefix = 'xyz.';
    document.getElementById('em_code_hidden').value = prefix + this.value;
});
</script>

此时控制器接收的$request->em_code即为xyz.####格式，直接使用unique验证规则即可正确检测重复。

后端替代方案（验证前修改请求数据） #

无需改动前端，在控制器验证前先拼接前缀，确保校验基于完整格式：

public function store(Request $request)
{
    // 合并请求数据，完成前缀拼接
    $request->merge([
        'em_code' => 'xyz.' . $request->em_code
    ]);

    // 执行验证，此时em_code为完整格式，unique规则可正确生效
    $validatedData = $request->validate([
        'em_code' => 'required|unique:your_table_name,em_code'
    ]);

    // 后续存储逻辑
    // YourModel::create($validatedData);
}

该方案无需前端JS逻辑，适合不想改动前端的场景。

内容的提问来源于stack exchange，提问作者Wakil Ahmed