国际电话输入问题

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 */
});