如何将邮箱地址拆分为用户名、主机、域名并正确应用对应变量

正确实现方案 #

你现有代码的核心问题有两个：一是没有做异常边界校验，邮箱格式非法时会直接抛出索引不存在的错误；二是HTML的data-*属性直接写死了字符串，没有输出实际拆分的变量值。

第一步：优化邮箱拆分逻辑

@php
// 先校验邮箱格式合法性，避免非法输入导致报错
if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
    // 这里替换为你自己的非法邮箱处理逻辑，比如赋值默认值、跳过处理等
    throw new \InvalidArgumentException('邮箱地址格式不合法');
}

// 拆分@前后的内容
[$first, $domain] = explode('@', $email, 2);
// 拆分域名部分
$domainSegments = explode('.', $domain);

// 按你给出的示例规则，取域名最后两段拆分，兼容多级域名场景
$third = array_pop($domainSegments); // 域名后缀，如com/cn
$second = array_pop($domainSegments); // 主域名部分，如example

// 如果业务需要保留多级域名前缀（比如处理mail.example.com时，second取值为mail.example），可以替换为下面的写法
// $third = array_pop($domainSegments);
// $second = implode('.', $domainSegments);
@endphp

第二步：正确输出变量到HTML属性

需要将拆分后的变量转义后输出到data-*属性，避免XSS注入风险，Blade模板的{{ }}语法默认自带转义能力，直接输出即可：

<a href="" 
   data-first="{{ $first }}" 
   data-second="{{ $second }}" 
   data-third="{{ $third }}"
>{{ $email }}</a>

第三步：拆分收集的使用逻辑

如果是前端收集后提交，直接通过JS读取三个属性值拼接即可：

// 前端收集示例
const emailNode = document.querySelector('a[data-first]');
// 按需选择：可以拼接为完整邮箱提交，也可以分别提交三个字段
const fullEmail = `${emailNode.dataset.first}@${emailNode.dataset.second}.${emailNode.dataset.third}`;

如果是后端直接收集存储，直接把$first/$second/$third三个字段写入对应数据表字段即可。

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