据我了解,他们已删除最新国际电话输入库中的自动格式化选项。此选项根据用户选择的国家/地区对号码进行格式化。但是根据表格,我仍然可以使用 util.js 和 format-number 函数来实现这个选项(https://github.com/jackocnr/intl-tel-input/wiki/utils.js)我尝试了多次但是无法应用此选项。例如对于美国号码,我将如何将号码格式化为此 ex:(201)-255-6655。这是我下面的代码。正如我所见,这似乎是国际号码的最佳 js 库。
$( document ).ready(function() {
$('#contactForm')
.find('[name="phoneNumber"]')
.intlTelInput({
utilsScript:"https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/js/utils.js",
autoPlaceholder: true,
initialCountry:"us",
geoIpLookup:"auto",
});
});
<!DOCTYPE html>
<html>
<head>
<title>Phone</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/css/intlTelInput.css">
<link rel="stylesheet" href="./intlmask.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/js/intlTelInput.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/js/utils.js"></script>
<script src="./intlmask.js"></script>
</head>
<body>
<form id="contactForm" class="form-horizontal">
<div class="form-group">
<label class="col-xs-3 control-label">Phone number</label>
<div class="col-xs-5">
<input type="tel" class="form-control" name="phoneNumber" />
</div>
</div>
</form>
</body>
</html>