国际电话输入问题

Question

我正在尝试在注册过程中实现“国际电话输入”。

我有 css 文件：/css/intlTelInput.css

还有js文件：/js/intlTelInput.js

这是html：

<div class="form-group" id="phone-group" style="display:none;">
    <label><%= l('Phone number') %></label>
    <input id="phone" name="phone" type="tel">
  </div>

<script src="/js/intlTelInput.js"></script> 
<link rel="stylesheet" href="/css/intlTelInput.css">

以及脚本功能：

var phone_intl = document.querySelector("#phone");
  window.intlTelInput(phone_intl, {
    utilsScript: "/js/utils.js"
  });

但它并没有像应有的那样出现。我已尝试实施此解决方案：https://intl-tel-input.com/。您是否知道可能出了什么问题，或者您对我想要的东西有其他想法。谢谢！

Answer 1

试试这个

const input = document.querySelector("#phone");
intlTelInput(input, {
    // any initialisation options go here
    utilsScript: /js/intltelinputNew/utils.js /* path here */
});