如何將intlTelInput中的國家撥號代碼放在括號內

我在我的網站上使用了intlTelInput。如何使用括號分隔撥號代碼。例如。這個插件的默認輸出是+ 1202someNumber，我需要（+1）202someNum？如何將intlTelInput中的國家撥號代碼放在括號內

2017-03-23 Pawel Novikov

你可以創建一個JS搗鼓呢？我們還需要檢查telinput插件，看它是否有幫助我們找出需要切斷字符串的函數中的任何信息。 –

這是此項目的官方網頁 - http://intl-tel-input.com/ –

基礎上形成的文檔在這裏 - https://github.com/jackocnr/intl-tel-input - 你需要像這樣：

var intlNumber = $("#phone").intlTelInput("getNumber"); // get full number eg +17024181234 
var countryData = $("#phone").intlTelInput("getSelectedCountryData"); // get country data as obj 

var countryCode = countryData.code; // get the actual code eg 1 for US 
countryCode = "+" + countryCode; // convert 1 to +1 

var newNo = intlNumber.replace(countryCode, "(" + coountryCode+ ")"); // final version

來源

2017-03-23 17:35:21

不要直接加國電話代碼輸入，你只是武官它當用戶提交形成或將其保存在另一個隱藏的輸入和武官它在你的服務器端：

https://intl-tel-input.com/node_modules/intl-tel-input/examples/gen/hidden-input.html?phone=32445&phone-full=%2B132445

你也可以把它顯示給用戶，使他們就會明白他們並不需要輸入，當他們鍵入：

https://intl-tel-input.com/node_modules/intl-tel-input/examples/gen/national-mode.html

來源

2017-07-27 07:49:21

只要使用這個代碼從電話號碼獲取國家代碼：

您可以使用var getCode = telInput.intlTelInput('getSelectedCountryData').dialCode;

這裏是演示：https://output.jsbin.com/cuvoqagotu

https://jsbin.com/cuvoqagotu/edit?html,css,js

HTML：

個

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width"> 
    <title>JS Bin</title> 
    <script type="text/javascript" src="//code.jquery.com/jquery-2.1.3.js"></script> 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/6.4.1/css/intlTelInput.css"> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/6.4.1/js/intlTelInput.min.js"></script> 
<style> 
.hide { 
    display: none; 
} 
</style> 
</head> 
<body> 
<input id="phone" type="tel"> 
<span id="valid-msg" class="hide">? Valid</span> 
<span id="error-msg" class="hide">Invalid number</span> 
</body> 
</html>

JS：

var telInput = $("#phone"), 
    errorMsg = $("#error-msg"), 
    validMsg = $("#valid-msg"); 

// initialise plugin 
telInput.intlTelInput({ 
utilsScript:"https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.4/js/utils.js" 
}); 

var reset = function() { 
    telInput.removeClass("error"); 
    errorMsg.addClass("hide"); 
    validMsg.addClass("hide"); 
}; 

// on blur: validate 
telInput.blur(function() { 
    reset(); 
    if ($.trim(telInput.val())) { 
    if (telInput.intlTelInput("isValidNumber")) { 
     validMsg.removeClass("hide"); 
     /* get code here*/ 
     var getCode = telInput.intlTelInput('getSelectedCountryData').dialCode; 
     alert(getCode); 
    } else { 
     telInput.addClass("error"); 
     errorMsg.removeClass("hide"); 
    } 
    } 
}); 

// on keyup/change flag: reset 
telInput.on("keyup change", reset);

來源

2017-08-01 11:02:54

如何將intlTelInput中的國家撥號代碼放在括號內

回答

相關問題