intlTelInputからデータを取得する

Question

提出時にintlTelInputプラグインから拡張機能を取得しようとしていますが、なんらかの理由で空を返します。ここでは一例です：https://jsfiddle.net/msfk6top/

とコード：

<link rel="stylesheet" href="https://intl-tel-input.com/node_modules/bootstrap/dist/css/bootstrap.min.css?7"> 
<link rel="stylesheet" href="https://intl-tel-input.com/node_modules/intl-tel-input/build/css/intlTelInput.css?37"> 

<form id="my_form"> 
    <input name="phone" type="tel" id="phone" class="form-control"> 
    <input type="submit"> 
</form> 

<!-- use old jquery so demo works in IE --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script src="https://intl-tel-input.com/node_modules/intl-tel-input/build/js/intlTelInput.js?60"></script> 

<script> 
    $("#phone").intlTelInput(); 

    $("#my_form").submit(function() { 
     alert($("#phone").intlTelInput("getExtension")); 
    }); 
</script> 

そのが選ばれた拡張子を返さない理由を任意のアイデア？

Answer 1

getExtensionを動作させるには、プラグインを初期化するときにutilsScriptオプションを指定する必要があります。あなたのplunkerで

は、ん：

$("#phone").intlTelInput({utilsScript:'https://intl-tel-input.com/node_modules/intl-tel-input/build/js/utils.js'}); 

utilsScriptは国際-TEL-入力プラグインに含まれてutils.js scriptへのパスでなければなりません。