jquery 如何将国家/地区拨号代码放在括号中的intlTelInput中

c9x0cxw0 于 2022-12-12 发布在 jQuery

关注(0)|答案(5)|浏览(149)

我在我的网站上使用intlTelInput。我如何使用括号分隔拨号代码。例如。这个插件的默认输出是+1202someNumber，我需要（+1）202someNum？

jquery

来源：https://stackoverflow.com/questions/42982494/how-to-put-country-dial-code-in-intltelinput-in-brackets

5条答案

按热度按时间

r1zhe5dt1#

根据此处的docs表单-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.dialCode; // using updated doc, code has been replaced with dialCode
countryCode = "+" + countryCode; // convert 1 to +1

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

赞(0）回复(0）举报 2022-12-12

6ie5vjzr2#

您不需要将国家/地区的电话代码直接添加到输入中，只需在用户提交表单时附加该代码，或者将其保存在另一个隐藏的输入中，然后在服务器端附加该代码：
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

赞(0）回复(0）举报 2022-12-12

t3psigkw3#

只需使用此代码从电话号码获取国家/地区代码：
您可以使用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);

赞(0）回复(0）举报 2022-12-12

ocebsuys4#

使用vanilla JS，您可以尝试如下：

var country_code = iti.getSelectedCountryData()["dialCode"];
var number_with_code = iti.getNumber();
var mod_number = "(" + number_with_code.substr(0, country_code.length + 1) + ")" + number_with_code.substr(country_code.length + 1);

第一行获取国家/地区代码。第二行获取完整的号码沿着国家/地区代码。
假设用户键入以下数字：
电话：+921234567890
然后，变量的值如下：
国家代码=“92”
带代码的编号=“+921234567890”
最后，结果：
修改编号=“（+92）1234567890”
在本例中，iti指的是初始化插件时返回的插件示例，例如var iti = intlTelInput(input)

赞(0）回复(0）举报 2022-12-12

oalqel3c5#

这给予国家/地区代码
例如：

$("#your input box id").intlTelInput("getSelectedCountryData")

// this give you object where dialCode property has country code,like below 

$("#ContactpermanentNumber").intlTelInput("getSelectedCountryData").dialCode

赞(0）回复(0）举报 2022-12-12

我来回答

jquery 如何将国家/地区拨号代码放在括号中的intlTelInput中

5条答案

相关问题

热门标签

最新问答