jQuery MaskedInput 1.3

Question

का उपयोग कर दशमलव मास्क को सही तरीके से कैसे सेट करें I jQuery 1.7.1 और jQuery maskedinput 1.3 का उपयोग कर रहे हैं ASP.NET MVC 3 ऐप में।

मैं एक मास्क किए गए आइटम को कैसे सेट करूं जो दशमलव मान (SQL दशमलव 10,2) स्वीकार करता है। क्या मैं काम करता है, लेकिन यह भयानक लग रहा है:

$('#AnnualIncome').mask('9?9999999.99', { placeholder: ' ' }); 

जब मैं अपने पृष्ठ पर जाएँ और पाठ बॉक्स पर क्लिक करें फिर वहाँ एक साथ संख्यात्मक मान के लिए जगह नहीं है। दशमलव भाग के लिए आगे। यह भयानक लग रहा है और यह अच्छी तरह से काम नहीं कर रहा है। मैं दशमलव के बाएं हिस्से के लिए 9 और दशमलव के दाहिने हिस्से के लिए 99 टाइप करूंगा। तो यह कुछ इस तरह दिखता है, तो पाठ बॉक्स अभी भी तो ध्यान केंद्रित किया:

9___________.99 

मैं नहीं है इसे इस तरह चाहते हैं, मैं उपयोगकर्ता किसी भी समय एक दशमलव में टाइप करने में सक्षम होना चाहते हैं, मैं की तरह कुछ करना चाहते हैं:

9.99 

इसके अलावा, अगर पाठ बॉक्स ध्यान केंद्रित खो देता है, तो यह अब लगता है कि:

:

999 

मैं इसे प्रदर्शन करने की जरूरत है

9.99 

क्या कोई इसे ठीक से स्थापित करने में मेरी सहायता कर सकता है?

Answer 1

Masked Input jQuery Pluginनिश्चित चौड़ाई इनपुट के लिए है, जैसे स्वरूपण फ़ोन नंबर। उदाहरण पर एक नज़र डालें इसके बजाय numeric Plugin या autoNumeric Plugin।

Answer 2

Masked Input jQuery Plugin परिवर्तनीय चौड़ाई दशमलव स्थानों का समर्थन करने के लिए कॉन्फ़िगर किया जा सकता है।

सबसे पहले एक मुखौटा परिभाषा अपने स्थानीय दशमलव स्थान विभाजक या अंकीय वर्ण का समर्थन करता है कि जोड़ें:

$.mask.definitions['d'] = '[0-9.]'; 

तो मुखौटा परिभाषित:

$('#AnnualIncome').mask('9?dddddddd', ' '); 

दशमलव स्थान वैकल्पिक हैं और आप की संख्या को नियंत्रित नहीं कर सकते दशमलव स्थानों पर अभी भी कुछ परिदृश्यों में उपयोगी है और एक और प्लगइन जोड़ने से बचाता है।