Wie erhalte ich den Ländercode vom (intl-tel-input)-Plugin nach dem Absenden des Formulars?

intlTelInput-Option:

hiddenInput

Fügen Sie eine versteckte Eingabe mit dem angegebenen Namen hinzu. Wenn Ihr Eingabename alternativ eckige Klammern enthält (z. B. name="phone_number[main]"), wird der versteckten Eingabe derselbe Name gegeben, wobei der Inhalt der Klammern durch den angegebenen Namen ersetzt wird (z. B. wenn Sie das Plugin mit hiddenInput :"full", dann hätte in diesem Fall die versteckte Eingabe name="phone_number[full]"). Beim Absenden wird die versteckte Eingabe automatisch mit der vollständigen internationalen Nummer ausgefüllt (unter Verwendung von getNumber). Dies ist eine schnelle Möglichkeit für Personen, die Nicht-Ajax-Formulare verwenden, um die vollständige internationale Nummer zu erhalten, selbst wenn nationalMode aktiviert ist. Vermeiden Sie diese Option, wenn Sie Ajax-Formulare verwenden, und rufen Sie stattdessen einfach getNumber an, um die vollständige internationale Nummer zum Senden der Anfrage zu erhalten. Hinweis:erfordert, dass sich die Eingabe in einem Formularelement befindet, da diese Funktion funktioniert, indem sie auf das Submit-Ereignis des nächstgelegenen Formularelements lauscht. Beachten Sie auch, dass dies, da es intern getNumber verwendet, erstens die utilsScript-Option benötigt und zweitens eine gültige Zahl erwartet und daher nur nach der Validierung verwendet werden sollte.

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

Sie können die vollständige Nummer wie

erhalten

$phone_number = $_REQUEST['phone_number']['full'];