intlTelInput opcja:
ukryte wejście
Dodaj ukryte wejście o podanej nazwie. Alternatywnie, jeśli nazwa twojego wejścia zawiera nawiasy kwadratowe (np. name="numer_telefonu[główny]"), to ukryte wejście będzie miało taką samą nazwę, zastępując zawartość nawiasów podaną nazwą (np. jeśli uruchomisz wtyczkę za pomocą hiddenInput :"pełny", wtedy w tym przypadku ukryte wejście będzie miało nazwę="numer_telefonu[pełny]"). Po przesłaniu automatycznie wypełni ukryte dane wejściowe pełnym numerem międzynarodowym (za pomocą getNumber). Jest to szybki sposób dla osób korzystających z formularzy innych niż Ajax, aby uzyskać pełny numer międzynarodowy, nawet gdy włączony jest tryb nationalMode. Unikaj tej opcji podczas korzystania z formularzy Ajax i zamiast tego po prostu zadzwoń do getNumber, aby uzyskać pełny numer międzynarodowy do wysłania w żądaniu. Uwaga:wymaga, aby dane wejściowe znajdowały się wewnątrz elementu formularza, ponieważ ta funkcja działa nasłuchując zdarzenia submit w najbliższym elemencie formularza. Zauważ też, że ponieważ używa to wewnętrznie getNumber, po pierwsze wymaga opcji utilsScript, a po drugie oczekuje poprawnej liczby i dlatego powinno być używane tylko po walidacji.
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>Kod PHP
Możesz uzyskać pełny numer, taki jak
$phone_number = $_REQUEST['phone_number']['full'];
