国际电话输入问题

问题描述

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

我有一个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/。您有什么想法可能有问题吗，或者您对我想要的还有其他想法。谢谢！

解决方法

尝试一下

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