求助：intl-tel-input中getExtension返回null的问题

嘿，我来帮你搞定这个分机号返回null的问题！从你给出的代码片段来看，主要有几个可能的原因和对应的解决办法：

1. 修正nationalMode参数的类型 #

你现在把nationalMode设成了字符串"true"，但这个配置项需要的是布尔值true。字符串类型的"true"会被插件解析为 falsy 值，导致插件没有启用正确的国内模式，进而影响分机号的捕获逻辑。

修正后的初始化代码：

$("#mobile").intlTelInput({
  initialCountry: "auto",
  nationalMode: true, // 这里改成布尔值，去掉引号
  utilsScript:'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/8.5.0/js/utils.js',
  geoIpLookup: function(callback) {
    // 补全你的IP定位逻辑，比如调用IP接口获取国家代码
    $.get("https://ipapi.co/json/", function(data) {
      callback(data.country_code);
    });
  }
});

2. 使用插件专属API获取分机号 #

你可能尝试直接用$("#mobile").val()来获取分机号，但intlTelInput会把分机号单独管理，必须调用插件提供的getExtension()方法才能正确拿到分机号。

示例获取和提交逻辑：

// 获取分机号的方法
function getPhoneExtension() {
  const mobileInput = $("#mobile");
  // 调用插件的getExtension方法
  const extension = mobileInput.intlTelInput("getExtension");
  console.log("当前分机号:", extension);
  return extension;
}

// 发送POST请求时的处理
$("#your-submit-button").click(function() {
  const extension = getPhoneExtension();
  // 发起POST请求，把分机号传进去
  $.post("/your-api-endpoint", {
    mobileNumber: $("#mobile").intlTelInput("getNumber"),
    extension: extension // 现在这里不会再是null了
  }, function(response) {
    // 处理接口响应
  });
});

3. 移除输入框的maxlength限制 #

你给输入框加了maxlength="10"，但这个限制会阻止用户输入分机号（分机号是手机号之外的额外内容）。建议移除这个属性，让插件自己处理号码的格式和长度验证。

修正后的HTML：

<input type="tel" id="mobile" placeholder="Mobile Number" >

额外检查点 #

如果上面的调整后还是有问题，可以检查插件版本——你用的8.5.0是比较旧的版本，部分API可能存在bug，考虑升级到较新的稳定版本（比如17.x系列），但升级后需要注意utilsScript的路径也要对应更新。

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