option intlTelInput :
entrée cachée
Ajoutez une entrée masquée avec le nom donné. Alternativement, si votre nom d'entrée contient des crochets (par exemple, name="phone_number[main]"), il donnera le même nom à l'entrée masquée, en remplaçant le contenu des crochets par le nom donné (par exemple, si vous initialisez le plugin avec hiddenInput :"full", alors dans ce cas l'entrée cachée aurait name="phone_number[full]"). Lors de la soumission, il remplira automatiquement l'entrée masquée avec le numéro international complet (en utilisant getNumber). C'est un moyen rapide pour les personnes utilisant des formulaires non-Ajax d'obtenir le numéro international complet, même lorsque nationalMode est activé. Évitez cette option lorsque vous utilisez des formulaires Ajax et appelez simplement getNumber pour obtenir le numéro international complet à envoyer dans la demande. Remarque :nécessite que l'entrée se trouve à l'intérieur d'un élément de formulaire, car cette fonctionnalité fonctionne en écoutant l'événement submit sur l'élément de formulaire le plus proche. Notez également que, puisque cela utilise getNumber en interne, premièrement, il nécessite l'option utilsScript, et deuxièmement, il attend un nombre valide et ne doit donc être utilisé qu'après validation.
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>Code PHP
Vous pouvez obtenir le numéro complet comme
$phone_number = $_REQUEST['phone_number']['full'];
