2013-06-13 3 views
16

मैंने jQuery डेटपिकर का उपयोग किया और मैं अपने इनपुट फ़ील्ड को एचटीएमएल 5 पैटर्न के साथ प्रतिबंधित करना चाहता हूं यदि कोई उपयोगकर्ता, jQuery डेटपिकर से दिनांक प्राप्त करने की बजाय, तिथि टाइप करता है।एमएम/डीडी/yyyy लेने के लिए इनपुट बॉक्स स्वरूपण के लिए एचटीएमएल 5 पैटर्न?

मैं अपने उपयोगकर्ताओं को HTML5 पैटर्न के साथ कैसे प्रतिबंधित कर सकता हूं ताकि वे mm/dd/yyyy रूप में दिनांक टाइप कर सकें?

उत्तर

42

सबसे आसान तरीका केवल प्रत्यक्ष उपयोगकर्ता इनपुट को रोकने के लिए विशेषता को पढ़ने के इस्तेमाल होता है:

<input class="datepicker" type="text" name="date" value="" readonly /> 

या आप पैटर्न विशेषता के आधार पर एचटीएमएल 5 सत्यापन इस्तेमाल कर सकते हैं। दिनांक इनपुट पद्धति (dd/mm/yyyy या dd/mm/yyyy):

<input type="text" pattern="\d{1,2}/\d{1,2}/\d{4}" class="datepicker" name="date" value="" /> 
14

मैं इस website का उपयोग करें और इस पैटर्न के रूप में अच्छी तरह से लीप वर्ष मान्यता है।

<input type="text" pattern="(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))" required /> 
0

पैटर्न = "[0-9] {1,2}/[0-9] {1,2}/[0-9] {4}"

यह पैटर्न है एचटीएमएल 5 में टेक्स्टबॉक्स की तारीख दर्ज करने के लिए।
पहला वाला [0-9] {1,2} केवल दशमलव संख्या न्यूनतम 1 और अधिकतम 2.
और इसी तरह के अन्य ले जाएगा।

0

कोशिश उपयोग करने के लिए:

pattern="(0?[1-9]|[12][0-9]|3[01])/(0?[1-9]|1[012])/\d{4}" 
संबंधित मुद्दे