Si tú quieres pasar esos datos al servidor, puedes ponerlos en un elemento del formulario, o crear un objeto y pasarlos al servidor vía Ajax.
Por ejemplo:
var input = document.querySelector("#phone");
var ibxCode = document.querySelector("#ibxCode");
var iti = window.intlTelInput(input, {
separateDialCode: true,
utilsScript: "https://cdn.jsdelivr.net/npm/[email protected]/build/js/utils.js",
});
window.iti = iti;
document.getElementById("btnSubmit").addEventListener("click", function(e) {
e.preventDefault();
const phoneNumber = iti.getNumber();
const activeItem = iti.activeItem.dataset;
ibxCode.value = activeItem.dialCode;
/*
Si es para mandarlo por Ajax o Fetch
construyes un objeto como este
y lo mandas. Y en el servidor los recuperas
usando las claves de la izquierda:
ibxCode y phone
*/
var mData = {
ibxCode: activeItem.dialCode,
phone: input.value
};
console.log(mData);
console.log(phoneNumber);
console.log(activeItem.dialCode);
});
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/build/css/intlTelInput.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/js/intlTelInput.js"></script>
<form>
<input id="phone" type="tel" name="phone" />
<input id="ibxCode" type="number" name="ibxCode" placeholder="Código de País" readOnly disabled/>
<input id="btnSubmit" type="submit" class="btn" value="Verify" />
</form>