2013-07-26 9 views
7

के साथ काम नहीं कर रहा है, मैं उपयोगकर्ता को अपनी उम्र टाइप करने के लिए मजबूर करना चाहता हूं। मैं यह भी सुनिश्चित करना चाहता हूं कि वे केवल 18-99 के बीच दर्ज हों। HTML5required, pattern, min और max जैसे गुणों के साथ यह संभव है? लगता है जैसे कि यह एचटीएमएल 5 इनपुट संख्या न्यूनतम अधिकतम

<form> 
    <input type="number" name="Q2age" id="Q2age" size="10" min="18" max="99" pattern="[1-8][0-9]" required> 
    <button type="submit" class="button" id="test">Submit</button> 
</form> 

काम नहीं कर रहा मैं गलत यहाँ कुछ कर रही हूँ? मैं उबंटू 12.0.4 एलटीएस पर फ़ायरफ़ॉक्स 22.0 का उपयोग करता हूं (क्रोम पर भी परीक्षण किया गया है, लेकिन काम नहीं करता है।) आपकी मदद के लिए धन्यवाद।

+0

इसकी कामकाजी ठीक –

उत्तर

7

यह अपेक्षित व्यवहार FF21 does not को न्यूनतम, अधिकतम विशेषता का समर्थन करता है क्योंकि है ...

आप इसे में http://html5test.com/

चेक जाँच कर सकते हैं स्क्रीनशॉट enter image description here

+1

धन्यवाद, @ अरुणबुर्ट। मेरे विचार से आप सही है। मैं भविष्य में जल्दबाजी वाले प्रश्न पूछने से पहले ऊपर उल्लिखित एचटीएमएल 5 सबसे अच्छी साइट की जांच शुरू कर दूंगा। :) – user1330974

+1

ओह ..no pblm .. :) –

4

आपका कोड ठीक काम करता है। इस (नवीनतम क्रोम मैं उपयोग कर रहा हूँ) fiddle चेक

मेरी केवल चिंता का विषय है कि आप अपने pattern="[1-8][0-9]" सरल उपयोग कर सकते हैं इस

pattern="[0-9]{2}" 
+1

धन्यवाद आपकी मदद के लिए @ user1671639। लेकिन मैं अपने कोड को सभी ब्राउज़रों में काम करना चाहता हूं। ऐसा लगता है कि जवाब यह है कि फ़ायरफ़ॉक्स 21 इस सुविधा का समर्थन नहीं करता है। :) बीटीडब्ल्यू, पैटर्न यह सुनिश्चित करना है कि उपयोगकर्ता पहले अंक के रूप में "1" दर्ज नहीं करता है। यदि आपके पास रेगेक्स में लिखने का एक और शानदार तरीका है, तो मुझे सीखना अच्छा लगेगा। :) – user1330974

3

यह फ़ायरफ़ॉक्स में काम नहीं करता है, लेकिन यह क्रोम, इंटरनेट एक्सप्लोरर, सफारी में काम करता है और ओपेरा।

प्राप्त करें डेमो यहाँ काम: Demo

<form action=""> 

<input type="number" name="points" min="1" max="10" name="Q2age" id="Q2age" required> 

<input type="submit" value="submit" /> 
</form> 
+0

स्पष्टीकरण और डेमो बनाने के लिए समय निकालने के लिए धन्यवाद। आप सही हे। यह फ़ायरफ़ॉक्स में काम नहीं करता है इसलिए मैं jQuery में मान्य करने की वैकल्पिक विधि का उपयोग करूंगा। :) – user1330974

+0

आपके उदाहरण इनपुट में दो 'नाम' विशेषताएं हैं। – Ben

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