intlTelInput-optie:
hiddenInput
Voeg een verborgen invoer toe met de opgegeven naam. Als alternatief, als uw invoernaam vierkante haakjes bevat (bijv. naam ="telefoonnummer [hoofd]"), dan zal het de verborgen invoer dezelfde naam geven, waarbij de inhoud van de haakjes wordt vervangen door de opgegeven naam (bijv. als u de plug-in start met hiddenInput :"full", dan zou de verborgen invoer in dit geval name="phone_number[full]") hebben. Bij het indienen wordt de verborgen invoer automatisch gevuld met het volledige internationale nummer (met behulp van getNumber). Dit is een snelle manier voor mensen die niet-Ajax-formulieren gebruiken om het volledige internationale nummer te krijgen, zelfs als de nationale modus is ingeschakeld. Vermijd deze optie bij het gebruik van Ajax-formulieren en bel in plaats daarvan gewoon getNumber om het volledige internationale nummer te krijgen om het verzoek in te dienen. Opmerking:vereist dat de invoer zich in een formulierelement bevindt, omdat deze functie werkt door te luisteren naar de verzendgebeurtenis op het dichtstbijzijnde formulierelement. Merk ook op dat aangezien dit intern getNumber gebruikt, het ten eerste de utilsScript-optie vereist en ten tweede een geldig nummer verwacht en dus alleen na validatie zou moeten worden gebruikt.
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-code
Je kunt het volledige nummer krijgen zoals
$phone_number = $_REQUEST['phone_number']['full'];