दिलचस्प पोस्ट
समारोह घोषणा "उप समारोह ($ $)" क्या मतलब है? फ्रेगमेंट के ऑनवेव इंस्टेंसस्टेट () को कभी भी नहीं कहा जाता है वैश्विक संदर्भ के साथ एंड्रॉइड सिंगलटन JSoup UserAgent, इसे सही कैसे सेट करें? क्या किसी फ़ंक्शन के बंद होने तक पहुंच प्राप्त करना संभव है? इनपुट को टेक्स्टबॉक्स पर सीमित करना: केवल संख्याएं और दशमलव बिंदु को अनुमति दें मेमोरीस्ट्रीम पीएनजी, जीआईएफ से WPF बिटमैप इमेज बनाना सी "इंट" 2 बाइट या 4 बाइट्स का आकार क्या है? लॉगिन विफल होने के बाद पुनर्निर्देशित करें Mysql में डेटा पंक्तियों से नई लाइन वर्ण कैसे निकालें? कैसे jQuery में तालिका पंक्ति को स्थानांतरित करने के लिए? आप कैसे कर सकते हैं oncut, oncopy, और onpaste jQuery में संभाल? यह देखते हुए कि डेटा सामान्य रूप से आर में वितरित किया जाता है मैं डीजेंगो में उपयोगकर्ता आईपी पता कैसे प्राप्त करूं? XCode4 और कोर डेटा: एसक्यूएल डीबगिंग को सक्षम कैसे करें

क्या मैं एचटीएमएल 5 में <select> फ़ील्ड में आवश्यक विशेषता को लागू कर सकता हूं?

मैं कैसे जांच सकता हूं कि किसी उपयोगकर्ता ने <select> फ़ील्ड में HTML5 से कुछ <select> ?

मैं देख रहा हूँ <select> नई required विशेषता का समर्थन नहीं करता … क्या मुझे जावास्क्रिप्ट का उपयोग करना है? या क्या मुझे याद आ रही है? : /

वेब के समाधान से एकत्रित समाधान "क्या मैं एचटीएमएल 5 में <select> फ़ील्ड में आवश्यक विशेषता को लागू कर सकता हूं?"

अनिवार्य : रिक्त मूल्यों पर पहली वैल्यू रिक्त-आवश्यक काम करें

पूर्वापेक्षाएँ : सही html5 DOCTYPE और एक नामित इनपुट फ़ील्ड

 <select name="somename" required> <option value="">Please select</option> <option value="one">One</option> </select> 

दस्तावेज के अनुसार (लिस्टिंग और बोल्ड मेरा है)

आवश्यक विशेषता एक बूलियन विशेषता है।
निर्दिष्ट करते समय, उपयोगकर्ता को फ़ॉर्म सबमिट करने से पहले एक मान चुनना होगा।

अगर एक तत्व चुनें

  • एक आवश्यक विशेषता निर्दिष्ट है,
  • में निर्दिष्ट एकाधिक विशेषता नहीं है,
  • और इसकी एक प्रदर्शन का आकार 1 है (नहीं है = 2 या अधिक – यह आवश्यक नहीं है अगर इसे छोड़ दें);
  • और यदि विकल्प के तत्वों की सूची में पहला विकल्प तत्व का मान (यदि कोई हो) खाली स्ट्रिंग है ,
  • और वह विकल्प तत्व के अभिभावक नोड का चयन तत्व है (और एक ऑप्टकग्रुप तत्व नहीं),

तो वह विकल्प चुनें तत्व का प्लेसहोल्डर लेबल विकल्प है

<select> तत्व विशिष्ट विशेषता का समर्थन करता है, जैसा कि युक्ति के अनुसार:

कौन सा ब्राउज़र इस का सम्मान नहीं करता है?

(बेशक, आपको वैसे भी सर्वर पर मान्य करना होगा, क्योंकि आप गारंटी नहीं दे सकते कि उपयोगकर्ता जावास्क्रिप्ट सक्षम होंगे।)

आप विकल्प तत्व के लिए selected विशेषता को डिफ़ॉल्ट रूप से चुनने के लिए उपयोग कर सकते हैं। आप चयनित तत्व के लिए required विशेषता का उपयोग यह सुनिश्चित करने के लिए कर सकते हैं कि उपयोगकर्ता कुछ चुनता है।

जावास्क्रिप्ट में, आप चयनित विकल्प की अनुक्रमणिका प्राप्त करने के लिए चयनित इंडेक्स संपत्ति की जांच कर सकते हैं, या आप चुने हुए विकल्प के value पाने के लिए मूल्य की संपत्ति की जांच कर सकते हैं।

एचटीएमएल 5 स्पेक के अनुसार, selectedIndex इंडेक्स "पहले चयनित आइटम का सूचक देता है, यदि कोई हो, या -1 अगर कोई भी चयनित आइटम नहीं है। और value " पहले चयनित आइटम का मान देता है, यदि कोई हो, या खाली स्ट्रिंग कोई भी चयनित आइटम नहीं है। "यदि चुना हुआ इंडेक्स = -1, तो आप जानते हैं कि उन्होंने कुछ भी नहीं चुना है।

 <button type="button" onclick="displaySelection()">What did I pick?</button> <script> function displaySelection() { var mySelect = document.getElementById("someSelectElement"); var mySelection = mySelect.selectedIndex; alert(mySelection); } </script> 

हां, यह काम कर रहा है:

 <select name="somename" required> <option value="">Please select</option> <option value="one">One</option> </select> 

आपको पहले विकल्प खाली रखना होगा

 <form action=""> <select required> <option selected disabled value="">choose</option> <option value="red">red</option> <option value="yellow">yellow</option> <option value="green">green</option> <option value="grey">grey</option> </select> <input type="submit"> </form> 

Html5 में आप पूर्ण अभिव्यक्ति का उपयोग कर सकते हैं:

 <select required="required"> 

मैं नहीं जानता कि छोटी अभिव्यक्ति क्यों काम नहीं करती है, लेकिन यह एक कोशिश यह हल होगा।

पहले आपको पहले विकल्प में रिक्त मूल्य देना होगा। यानी यहां चयन करें। केवल आवश्यक काम करेगा।

चयन बॉक्स के पहले आइटम का मूल्य रिक्त करने के लिए करें

इसलिए जब आप हर फॉर्म पर पोस्ट करेंगे तो आपको रिक्त मूल्य मिलेगा और इस तरह से आपको पता होगा कि उपयोगकर्ता ने ड्रॉपडाउन से कुछ भी नहीं चुना है।

 <select name="user_role" required> <option value="">-Select-</option> <option value="User">User</option> <option value="Admin">Admin</option> </select> 

इसे इस्तेमाल करे

 <select> <option value="" style="display:none">Please select</option> <option value="one">One</option> </select> 

आप इसे JQuery के साथ गतिशील रूप से भी कर सकते हैं

आवश्यक सेट करें

 $("#select1").attr('required', 'required'); 

आवश्यक निकालें

 $("#select1").removeAttr('required');