1

我已将intl-tel-inputjs & css 库包含在我的index.html：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/14.0.6/css/intlTelInput.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/14.0.6/js/intlTelInput.min.js"></script>

我有另一个文件app.js，其中我在用户输入时格式化数字textbox：

window.intlTelInputGlobals.loadUtils(_TEL_INPUT_UTILS).then(function(x, y){

var pn = $("#phone_number")[0];
var iti = intlTelInput(pn,{
    nationalMode: false,
    initialCountry: 'US'
})
var handleChangeVerification = function() {
if(iti.getNumber() ){
    iti.setNumber(iti.getNumber());
}};
pn.addEventListener('change', handleChangeVerification);
pn.addEventListener('keyup', handleChangeVerification);

该变量_TEL_INPUT_UTILS指的intl-tel-input是加载后的实用程序脚本，我尝试在我的text box.

此代码位于：

$(document).ready(function(){
   //...
})

现在我有一个代码，app.js我loadUtils想在变量中格式化该数字。

当我调用 sameloadUtils时，我收到以下错误：

jQuery.Deferred exception: window.intlTelInputGlobals.loadUtils(...) is null my_scpecific_funcation@webpack:///./src/app.js?:258:13

问题是如何格式化变量内的数字？loadUtils每次都需要用吗？整个过程有没有更好的方法？

4

1 回答 1

1

我不知道的是，当您使用 时loadUtils，它将被加载并且您可以访问它。

所以我毫不费力地使用了下面的代码：

intlTelInputUtils.formatNumber(my_number_var, null, intlTelInputUtils.numberFormat.INTERNATIONAL);
于 2019-01-01T12:44:47.983 回答