Laravel框架POS系统如何为输入号码自动在开头添加94前缀

提供前后端双层实现方案，既保证输入时的实时交互体验，也避免前端校验被绕过导致数据异常。 #

方案1：前端实时自动补前缀（输入时即时生效，用户体验最优） #

第一步：调整表单代码 #

给手机号输入框增加唯一ID用于绑定事件，可选优化：在输入框前置图标区域固定显示94前缀提示，让用户明确知晓无需手动输入国家码。
修改后的表单代码如下：

<div class="col-md-3">
    <div class="form-group">
        {!! Form::label('mobile', __('contact.mobile') . ':*') !!}
        <div class="input-group">
            <!-- 可选：固定显示94前缀，优化提示 -->
            <span class="input-group-addon">
                94 <i class="fa fa-mobile" style="margin-left:4px"></i>
            </span>
            <!-- 给输入框增加id="mobile-input"标识 -->
            {!! Form::text('mobile', null, ['class' => 'form-control', 'id' => 'mobile-input', 'required', 'placeholder' => __('contact.mobile')]); !!}
        </div>
    </div>
</div>

输入框位置参考：

第二步：添加JS自动补全逻辑 #

将以下代码放到表单页的脚本区域，或者全局公共JS文件中。逻辑会覆盖手动输入、粘贴、浏览器自动填充等所有输入场景，自动判断前缀，不会重复添加94：

document.addEventListener('DOMContentLoaded', function() {
    const mobileInput = document.getElementById('mobile-input');
    if (!mobileInput) return;

    // 输入时自动补前缀
    mobileInput.addEventListener('input', function(e) {
        let value = e.target.value.trim();
        // 空值不处理
        if (!value) return;
        // 清除开头重复的94后统一补前缀
        e.target.value = '94' + value.replace(/^94+/, '');
    });

    // 失焦时二次校验补全
    mobileInput.addEventListener('blur', function(e) {
        let value = e.target.value.trim();
        if (value) {
            e.target.value = '94' + value.replace(/^94+/, '');
        }
    });
});

如果项目引入了jQuery，也可以用更简洁的写法：

$(function() {
    const $mobileInput = $('#mobile-input');
    if (!$mobileInput.length) return;

    $mobileInput.on('input blur', function() {
        let val = $(this).val().trim();
        if (val) {
            $(this).val('94' + val.replace(/^94+/, ''));
        }
    });
});

方案2：后端兜底处理（必加，保障数据一致性） #

前端校验可以被用户通过禁用JS、构造请求等方式绕过，必须在后端保存逻辑里增加前缀补全处理，用Laravel自带的字符串辅助方法Str::start即可实现，配合前缀去重逻辑可以避免重复添加：

第一步：引入Str门面 #

在控制器头部引入依赖：

use Illuminate\Support\Str;

第二步：保存/更新数据前处理字段 #

在控制器处理联系人/会员保存的方法中，拿到请求参数后，对mobile字段做前缀处理：

// 获取所有提交参数
$data = $request->all();
// 清除开头重复94后自动补全标准前缀
$cleanMobile = preg_replace('/^94+/', '', $data['mobile']);
$data['mobile'] = Str::start($cleanMobile, '94');
// 后续正常执行保存逻辑即可，比如Contact::create($data);

可选优化 #

• 可以在表单验证规则中增加手机号格式校验，比如'mobile' => 'required|regex:/^94\d{9}$/'，匹配94开头加9位数字的斯里兰卡手机号格式
• 如果系统中已有历史数据没有94前缀，可以写一次性artisan命令批量补全，避免新旧数据格式不一致

内容的提问来源于stack exchange，提问作者Navod Vidumina