2011-11-30 11 views
22

मैं एंड्रॉइड पर एक HTML5 एप्लिकेशन बना रहा हूं और इस विशिष्ट परिदृश्य के लिए, हमारे पास एक इनपुट फ़ील्ड है जो क्रेडिट कार्ड के सुरक्षा कोड के लिए है और हम इनपुट फ़ील्ड को केवल संख्यात्मक और मुखौटा होने के लिए मजबूर करना चाहते हैं।क्या मास्क किए गए न्यूमेरिक इनपुट फ़ील्ड का कोई तरीका है?

मुझे इस विशिष्ट मामले की खोज करने की कोई किस्मत नहीं है और मैं अपने आप से शोध करने/कोशिश करने से जो कुछ भी कह सकता हूं, वह यह है कि यह पूरी तरह से HTML5 के माध्यम से नहीं किया जा सकता है (क्योंकि संख्या और पासवर्ड दोनों प्रकार के विकल्प हैं और केवल एक प्रकार का उपयोग किया जा सकता है)। क्या मुझे कुछ याद आ रहा है और इनपुट के दौरान एचटीएमएल 5 के माध्यम से मास्क किए जाने के दौरान संख्यात्मक कीबोर्ड पॉप-अप करने का कोई तरीका है या कीबोर्ड इनपुट प्रकार को मजबूर करने या सीएसएस या जावास्क्रिप्ट के माध्यम से इनपुट को मास्क करने का कोई और तरीका है?

किसी भी मदद के लिए धन्यवाद!

+0

जब आप 'एचटीएमएल 5 के माध्यम से पूरी तरह से कहते हैं' क्या आप वास्तव में 'जावास्क्रिप्ट के बिना' का मतलब है? – robertc

+0

अधिमानतः मैं इनपुट क्षेत्र के पैरामीटर का पूरी तरह से उपयोग करना चाहता हूं; हालांकि मैं जावास्क्रिप्ट का उपयोग करने के लिए खुला हूँ। एकमात्र संभावित समाधान जो मैं सोच सकता हूं वह डिफ़ॉल्ट है कि नंबर टाइप करने के लिए फ़ील्ड और फोकस ईवेंट पर जेएस में पासवर्ड को टाइप करें। मैंने इसका परीक्षण नहीं किया है इसलिए मुझे यकीन नहीं है कि एंड्रॉइड इसे कैसे संभालेगा। – JakeW

+0

@ user1074240, क्या आप पिन नंबर फ़ील्ड की तरह हैं? यदि ऐसा है, तो 'पासवर्ड' फ़ील्ड का उपयोग करें, लेकिन मान्य करें कि मान संख्यात्मक होना चाहिए। – zzzzBov

उत्तर

35

यह केवल वेबकिट आधारित ब्राउज़रों में काम करने के लिए आवश्यक है, और सीएसएस 'एचटीएमएल 5 के माध्यम से विशुद्ध रूप से' में अनुमति दी है, तो आप की कोशिश कर सकते:

input[type=number] { 
    -webkit-text-security: disc; 
} 

मुझे यकीन है कि नहीं कर रहा हूँ भी अन्य ब्राउज़र के लिए किसी भी बराबर हो, तो , भविष्य में यह appearance CSS property के माध्यम से नियंत्रित किया जा सकता है। appearance का CSS3 संस्करण spec से गिरा दिया गया है, इसलिए ऐसा लगता है कि आपको क्रॉस ब्राउज़र समाधान के लिए text-security के मानकीकरण की प्रतीक्षा करनी होगी।

+0

इसके लिए धन्यवाद! मेरी स्थिति के लिए बहुत अच्छा काम करें क्योंकि हमें केवल एंड्रॉइड पर काम करने की आवश्यकता है। – JakeW

+2

भी आईफोन वेबव्यू (उदाहरण के लिए फोनगैप ऐप) में काम करता है। –

+0

यह लगभग 5 साल हो गया है, लेकिन मुझे अभी भी कोई बेहतर समाधान नहीं मिल रहा है जो काम करेगा किसी भी ब्राउज़र में। ऐसा लगता है कि अब तक कुछ भी मानकीकृत नहीं किया गया है? –

संबंधित मुद्दे