Možnost intlTelInput:
hiddenInput
Přidejte skrytý vstup s daným názvem. Alternativně, pokud váš název vstupu obsahuje hranaté závorky (např. name="phone_number[hlavní]"), přidělí skrytému vstupu stejný název, přičemž obsah hranatých závorek nahradí křestním názvem (např. pokud iniciujete plugin pomocí hiddenInput :"plné", pak by v tomto případě skrytý vstup měl název="telefonní_číslo[plné]"). Při odeslání automaticky vyplní skrytý vstup celým mezinárodním číslem (pomocí getNumber). Toto je rychlý způsob, jak mohou lidé, kteří používají formuláře jiné než Ajax, získat úplné mezinárodní číslo, i když je povolen národní režim. Vyhněte se této možnosti při používání formulářů Ajax a místo toho zavolejte na getNumber a získejte celé mezinárodní číslo k odeslání žádosti. Poznámka:Vyžaduje, aby byl vstup uvnitř prvku formuláře, protože tato funkce funguje tak, že naslouchá události odeslání na nejbližším prvku formuláře. Všimněte si také, že protože to interně používá getNumber, za prvé vyžaduje volbu utilsScript a za druhé očekává platné číslo, a proto by se mělo používat až po ověření.
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>
Kód PHP
Můžete získat plný počet jako
$phone_number = $_REQUEST['phone_number']['full'];