tùy chọn intlTelInput:
hiddenInput
Thêm đầu vào ẩn với tên đã cho. Ngoài ra, nếu tên đầu vào của bạn chứa dấu ngoặc vuông (ví dụ:name ="phone_number [main]") thì nó sẽ đặt tên cho đầu vào ẩn, thay thế nội dung của dấu ngoặc bằng tên đã cho (ví dụ:nếu bạn cài đặt plugin bằng hiddenInput :"full", thì trong trường hợp này, đầu vào ẩn sẽ có name ="phone_number [full]"). Khi gửi, nó sẽ tự động điền vào đầu vào ẩn với số quốc tế đầy đủ (sử dụng getNumber). Đây là một cách nhanh chóng để những người sử dụng biểu mẫu không phải Ajax có được số quốc tế đầy đủ, ngay cả khi mã quốc gia được bật. Tránh tùy chọn này khi sử dụng các biểu mẫu Ajax và thay vào đó chỉ cần gọi getNumber để nhận số quốc tế đầy đủ để gửi yêu cầu. Lưu ý:yêu cầu đầu vào phải nằm bên trong phần tử biểu mẫu, vì tính năng này hoạt động bằng cách lắng nghe sự kiện gửi trên phần tử biểu mẫu gần nhất. Cũng lưu ý rằng vì điều này sử dụng getNumber nội bộ, trước tiên nó yêu cầu tùy chọn utilsScript và thứ hai là nó yêu cầu một số hợp lệ và vì vậy chỉ nên được sử dụng sau khi xác thực.
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>Mã Php
Bạn có thể nhận được số đầy đủ như
$phone_number = $_REQUEST['phone_number']['full'];
