澳大利亚手机号输入：如何用正则实现实时动态分割？

算力阿峰

2026-5-21

解决方案：实时格式化澳大利亚手机号输入

我明白你的需求——你想要澳大利亚手机号（10位、以04开头）在输入过程中就实时分段，而不是等输完10位才格式化。原来的正则只能处理完整的号码，确实不够灵活，这里给你一个能实时响应输入的解决方案：

核心格式化函数

这个函数会处理输入过程中的每一步，根据当前输入长度自动添加空格分隔：

function formatAusPhone(input) {
  // 先过滤掉所有非数字字符，确保只处理有效数字
  const cleanedInput = input.replace(/\D/g, '');
  // 匹配以04开头的数字，分三个捕获组处理分段
  return cleanedInput.replace(/^04(\d{0,2})(\d{0,3})(\d{0,3})$/, (match, group1, group2, group3) => {
    let formatted = '04';
    
    // 处理前两位（凑成04XX）
    if (group1) formatted += group1;
    // 当输入到第4位时，添加第一个空格
    if (group1.length === 2) formatted += ' ';
    
    // 处理中间三位
    if (group2) formatted += group2;
    // 当输入到第7位时，添加第二个空格
    if (group2.length === 3) formatted += ' ';
    
    // 处理最后三位
    if (group3) formatted += group3;
    
    return formatted;
  });
}

如何实时应用到输入框

把这个函数绑定到输入框的input事件上，就能在用户输入时自动格式化：

const phoneInput = document.getElementById('aus-phone-input');
phoneInput.addEventListener('input', (e) => {
  e.target.value = formatAusPhone(e.target.value);
});