intlTelInput-alternativ:
hiddenInput
Lägg till en dold ingång med det angivna namnet. Alternativt, om ditt inmatningsnamn innehåller hakparenteser (t.ex. name="phone_number[main]") kommer den att ge den dolda ingången samma namn, och ersätta innehållet i parenteserna med det angivna namnet (t.ex. om du startar plugin-programmet med hiddenInput :"full", då i det här fallet skulle den dolda ingången ha namn ="telefonnummer[full]"). Vid inlämning kommer den automatiskt att fylla i den dolda inmatningen med det fullständiga internationella numret (med getNumber). Detta är ett snabbt sätt för personer som använder icke-Ajax-formulär att få hela det internationella numret, även när nationalMode är aktiverat. Undvik det här alternativet när du använder Ajax-formulär och ring istället bara getNumber för att få det fullständiga internationella numret att skicka in förfrågan. Obs:kräver att inmatningen finns i ett formulärelement, eftersom den här funktionen fungerar genom att lyssna efter submit-händelsen på det närmaste formulärelementet. Observera också att eftersom detta använder getNumber internt, kräver det för det första alternativet utilsScript, och för det andra förväntar det sig ett giltigt nummer och bör därför endast användas efter validering.
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-kod
Du kan få fullt antal som
$phone_number = $_REQUEST['phone_number']['full'];