मैं संख्या पैड प्रदर्शित करने के लिए html5 टेक्स्ट फ़ील्ड कैसे बना सकता हूं?

Question

Phonegap> एंड्रॉयड

मैं जानता हूँ कि मैं type="number" उपयोग कर सकते हैं संख्या पैड प्रदर्शित करने के लिए, लेकिन मुद्दा यह है कि मैं में प्रकार उपयोगकर्ता के रूप में कीमत के रूप में इनपुट पुन: प्रारूपित करना चाहते हैं। इसलिए यह डॉलर के प्रारूप में होगा और सेंट ($343,23.50 की तरह) और type="number" क्षेत्र संख्यात्मक वर्ण के अलावा अन्य अनुमति नहीं है।

तो मैं किसी टेक्स्ट फ़ील्ड करना चाहते हैं, लेकिन यह नल पर संख्या पैड प्रदर्शित करना चाहिए। क्या यह संभव है?

Answer 1

एंड्रॉइड के लिए, आपको आमतौर पर संख्यात्मक कीबोर्ड के लिए type="number" की आवश्यकता होती है। (आईफोन के लिए कुछ काम इसके लायक है।) आप टाइप करते समय type="number" में गैर-न्यूमेरिक्स प्रदर्शित नहीं कर सकते हैं। लिखते-लिखते ही प्रदर्शित करने के लिए, आप type="text" की आवश्यकता होगी, और फिर आप संभव autoNumeric तरह मौजूदा और प्लगइन का उपयोग कर सकता है आपके द्वारा लिखे जाने फ़ॉर्मेट करने के लिए, लेकिन फिर आप हर कुंजी पर अक्सर एक गैर-अंकीय कुंजीपटल के लिए डिफ़ॉल्ट को धक्का दे रही पर रखेंगे, दबाएँ।

आपके सर्वोत्तम वर्कअराउंड समाधान में type="number" संपादन के लिए type="text" या किसी अन्य फ़ील्ड को स्वरूपित करने के लिए स्विच किया जाना चाहिए जब फ़ील्ड फोकस न हो या एक ही समय में। और/या, आप अगर ब्राउज़र या नहीं डिफ़ॉल्ट कीबोर्ड मुद्दे के साथ एक डिवाइस पर है पता लगा सकता है और यदि नहीं, तो आप type="text" और प्रारूप के साथ अच्छी तरह से रह सकते हैं के रूप में आप के साथ चलते हैं। मैंने देखा है कि अन्य कामकाज स्पिनर (क्रेडिट कार्ड जैसे बड़ी संख्या के लिए अच्छा नहीं है) या विजेट अपने स्वयं के छद्म-कीबोर्ड के साथ हैं।

अनुचित नहीं हैं उल्लेख करने के लिए, मैं हाल ही में एक type="number" प्लगइन पर काम कर type="number" एंड्रॉयड मुद्दे के समाधान में मदद करने के लिए, और एक साथ एक वेब साइट डाल रहा हूँ इसे साझा करना समाप्त कर लें। आप के लिए निजी तौर पर यूआरएल अग्रेषित करने के लिए मुबारक हो, (प्लगइन डाउनलोड करने योग्य है और एपीआई विस्तार से प्रलेखित है), लेकिन मैं यहाँ बस अभी तक साइट प्रकाशित करने के लिए जब तक मैं पृष्ठों डाल समाप्त किया है नहीं करना चाहती। वापस आने और यूआरएल को शामिल करने के लिए तैयार होने पर इस जवाब को संपादित करने में खुशी होगी।

Answer 2

एक सब समावेशी समाधान के लिए, मुझे लगता है कि आप भाग्य से बाहर हैं जब तक आप type = "text" का उपयोग करें और एक प्रारूप समारोह onchange का उपयोग करें। हालांकि, आप नीचे दिए गए नंबर फ़ील्ड का उपयोग कर सकते हैं जो आपको दो दशमलव स्थान देगा और फिर केवल इनपुट क्षेत्र के सामने डॉलर का प्रतीक रखेगा।

<div>$<input type="number" step="0.01"/></div> 

Answer 3

प्रकार = "संख्या" के साथ समस्या यह है कि यह सभी ब्राउज़रों द्वारा मान्यता प्राप्त नहीं है।

आप अपनी पोस्ट को स्वरूपित करने के लिए एक इनपुट मुखौटा का उपयोग कर सकते हैं।
ऐसा करने के लिए कई प्लगइन्स हैं।
आपकी समस्या के लिए, maskMoney उचित लग रहा है।

Answer 4

मैं आप उपयोग कर रहे jQuery, इस प्रयास करें, मैं एक तरह से कोडित है कि पाठ क्षेत्र में यह संख्या पैड प्रदर्शित करेगा में क्लिक करने पर, आप अपनी आवश्यकताओं के ऊपर संशोधित कर सकते हैं

कोड:

<input id="phone" placeholder="Phone Number" name="phoneno" type="tel" value="" ></input> 

उपयोग डॉलर की तरह आवश्यक वर्ण, टेलीफोन सूचकांक संख्या के साथ ड्रॉप डाउन +91 आदि,

Example