опция intlTelInput:
скрит вход
Добавете скрит вход с даденото име. Като алтернатива, ако вашето въведено име съдържа квадратни скоби (напр. name="phone_number[main]"), то ще даде същото име на скрития вход, заменяйки съдържанието на скобите с даденото име (напр. ако стартирате приставката с hiddenInput :"пълен", тогава в този случай скритото въвеждане ще има name="phone_number[full]"). При изпращане автоматично ще попълни скрития вход с пълния международен номер (използвайки getNumber). Това е бърз начин за хората, които използват формуляри, различни от Ajax, да получат пълния международен номер, дори когато националният режим е активиран. Избягвайте тази опция, когато използвате Ajax формуляри и вместо това просто извикайте getNumber, за да получите пълния международен номер, който да изпратите в заявката. Забележка:изисква въвеждането да бъде вътре в елемент на формуляр, тъй като тази функция работи чрез прослушване на събитието за изпращане на най-близкия елемент на формуляр. Също така имайте предвид, че тъй като това използва getNumber вътрешно, първо изисква опцията utilsScript и второ очаква валиден номер и затова трябва да се използва само след валидиране.
var phone_number = window.intlTelInput(document.querySelector("#phone_number"), {
separateDialCode: true,
preferredCountries:["in"],
hiddenInput: "full",
utilsScript: "//cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.3/js/utils.js"
});
$("form").submit(function() {
var full_number = phone_number.getNumber(intlTelInputUtils.numberFormat.E164);
$("input[name='phone_number[full]'").val(full_number);
alert(full_number)
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.3/css/intlTelInput.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.3/js/intlTelInput.min.js"></script>
<body>
<form>
<input type="tel" name="phone_number[main]" id="phone_number" />
<button type="submit" name="save">Save</button>
</form>
</body>
Php код
Можете да получите пълен номер като
$phone_number = $_REQUEST['phone_number']['full'];