intlTelInput विकल्प:
छिपा हुआ इनपुट
दिए गए नाम के साथ एक छिपा हुआ इनपुट जोड़ें। वैकल्पिक रूप से, यदि आपके इनपुट नाम में वर्ग कोष्ठक हैं (जैसे नाम ="फ़ोन_नंबर [मुख्य]") तो यह छिपे हुए इनपुट को वही नाम देगा, जो दिए गए नाम के साथ कोष्ठक की सामग्री को बदल देगा (जैसे यदि आप छिपे हुए इनपुट के साथ प्लगइन में प्रवेश करते हैं :"पूर्ण", तो इस मामले में छिपे हुए इनपुट का नाम ="फ़ोन_नंबर [पूर्ण]") होगा। सबमिट करने पर, यह स्वचालित रूप से पूर्ण अंतर्राष्ट्रीय नंबर (getNumber का उपयोग करके) के साथ छिपे हुए इनपुट को पॉप्युलेट कर देगा। यह गैर-अजाक्स फ़ॉर्म का उपयोग करने वाले लोगों के लिए पूर्ण अंतर्राष्ट्रीय नंबर प्राप्त करने का एक त्वरित तरीका है, भले ही राष्ट्रीय मोड सक्षम हो। अजाक्स फॉर्म का उपयोग करते समय इस विकल्प से बचें और इसके बजाय अनुरोध में भेजने के लिए पूर्ण अंतर्राष्ट्रीय नंबर प्राप्त करने के लिए getNumber पर कॉल करें। नोट:इनपुट को फॉर्म एलिमेंट के अंदर होना आवश्यक है, क्योंकि यह फीचर निकटतम फॉर्म एलिमेंट पर सबमिट इवेंट को सुनकर काम करता है। यह भी ध्यान दें कि चूंकि यह आंतरिक रूप से getNumber का उपयोग करता है, सबसे पहले इसे utilsScript विकल्प की आवश्यकता होती है, और दूसरी बात यह एक वैध संख्या की अपेक्षा करता है और इसलिए इसे केवल सत्यापन के बाद ही उपयोग किया जाना चाहिए।
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>
पीएचपी कोड
आप पूर्ण संख्या प्राप्त कर सकते हैं जैसे
$phone_number = $_REQUEST['phone_number']['full'];