मेरे पास एक तालिका है जिसमें दो टेक्स्टबॉक्स (टेक्स्टबॉक्स 1, टेक्स्टबॉक्स 2) शामिल हैं। दोनों टेक्स्टबॉक्स अनिवार्य हैं। यदि मैं टेक्स्टबॉक्स 1 में मान दर्ज नहीं करता हूं और मूल्य टेक्स्टबॉक्स 2 दर्ज करता हूं, या इसके विपरीत, मुझे एक त्रुटि संदेश प्राप्त करना चाहिए। हम jQuery के साथ इसे कैसे प्राप्त कर सकते हैं?किसी तालिका के अंदर सभी टेक्स्टबॉक्स के माध्यम से लूप करें और मूल्य
उत्तर
मुझे ऐसा करने का सबसे आसान तरीका यह है कि 'आवश्यक फ़ील्ड' जैसे टेक्स्ट को अपने टेक्स्टबॉक्स में जोड़ना है।
<input type="text" class="requiredField" />
फिर आप 'ढूंढें' फ़ंक्शन का उपयोग कर तालिका में सभी आवश्यक फ़ील्ड प्राप्त कर सकते हैं।
textboxes = $('#tableid').find('.requiredField');
और उसके बाद उन पर पुनरावृति प्रत्येक 'समारोह
textboxes.each(function() {
if(this.value.length==0){
//do something here
}
}
कुछ इस तरह के साथ मैं आमतौर पर पाठ बॉक्स लाल की सीमा रंग का उपयोग कर, और उपयोगकर्ता बताने के लिए वे पूरा करना होगा एक सूचना जोड़ने सभी आवश्यक फ़ील्ड।
अंतिम कोड यहां दिया गया है।
requiredFields = $('#tableid').find('.requiredField');
var allFieldsComplete = true;
requiredFields.each(function(index) {
if (this.value.length == 0) {
$(this).addClass('requiredIncomplete');
allFieldsComplete = false;
} else {
$(this).removeClass('requiredIncomplete');
}
});
if(!allFieldsComplete){
alert('Please complete all required fields');
}
return allFieldsComplete;
आपको अपने सीएसएस में 'आवश्यक अपूर्ण' शैली निर्दिष्ट करने की भी आवश्यकता होगी। यह क्या होगा यह देखने के लिए कि क्या वे डेटा रखते हैं, तालिका में सभी टेक्स्टबॉक्स जांचें। यदि किसी टेक्स्टबॉक्स में डेटा नहीं होता है तो यह 'आवश्यक अपूर्ण' वर्ग को इसमें जोड़ता है (जिसमें अन्य टेक्स्टबॉक्स से इसे अलग करने के लिए कुछ स्टाइल शामिल है), अन्यथा यह कक्षा को हटा देता है। फिर यदि सभी फ़ील्ड में डेटा या गलत होता है तो यह सत्य वापस आ जाएगा यदि उनमें से एक डेटा खो रहा है।
$("[id^=textboxid]").each(function(){
if ($(this).val().length > 0) {
// do something alert ...
}
}
);
सभी पाठ बॉक्स में इस रन कि आईडी textboxid के साथ शुरू, textboxid1, textboxid2 की तरह ...
यह मानते हुए कि आप वास्तव में एक रूप है, और प्रस्तुत करने पर होने के लिये इस मान्यता चाहते हैं तब
<p class="warning">Both textboxes need to be filled</p>
, निम्नलिखित जावास्क्रिप्ट
$('form').submit(function(){
var inputValid = true;
$('form textarea').each(function(){
if(!this.value){
$('.warning').show();
return false;
}
});
});
में जोड़ें: फार्म, सब से पहले, अपने चेतावनी संदेश में जोड़ने
यह फॉर्म सबमिट करने पर, सभी textearea
एस के माध्यम से लूप करेगा, और त्रुटि संदेश प्रदर्शित करेगा, साथ ही के के रूप में फ़ॉर्म सबमिशन को रद्द कर दिया गया है।
की तुलना में तेजी है? आपने 'textarea' –
@ राकेश का उपयोग क्यों किया है क्योंकि जब लोग टेक्स्टबॉक्स कहते हैं तो वे (आमतौर पर) 'textarea' फॉर्म तत्व का जिक्र करते हैं? आप इसके बारे में क्यों पूछेंगे? समाधान 'इनपुट' के साथ भी काम करेगा, इसके लिए चयनकर्ता को थोड़ा सा बदल दें। –
// create a custom jQuery expression filter, called :hasValue
jQuery.expr[':'].hasValue = function(elem, index, match) {
return jQuery(elem).val() !== '';
};
// textbox logic
if($('table textbox:hasValue').length !== 2) {
alert('error message');
}
Table Table1 = new Table(mainShell,SWT.BORDER);
Table1.setHeaderVisible(true);
Table1.setLinesVisible(true);
TableColumn tc1 = new TableColumn(Table1,SWT.NONE);
tc1.setText("Item");
tc1.setWidth(100);
TableColumn tc2 = new TableColumn(Table1,SWT.NONE);
tc2.setText("Value");
tc2.setWidth(120);
TableItem item1 = new TableItem(Table1,SWT.NONE);
item1.setText(0, "hahaha");
item1.setText(1, "haha");
Table1.setBounds(9, 174, 228, 128);
- 1. Django टेम्पलेट्स: किसी ऑब्जेक्ट के सभी उपलब्ध गुणों के माध्यम से लूप और प्रिंट करें?
- 2. कक्षा के सभी गुणों के माध्यम से कैसे लूप करें?
- 3. गणना के माध्यम से लूप
- 4. सभी नेस्टेड शब्दकोश मानों के माध्यम से लूप?
- 5. एंड्रॉइड व्यू के सभी सबव्यूज़ के माध्यम से लूप?
- 6. उपफोल्डर्स के माध्यम से लूप
- 7. सभी सेल सामग्री प्राप्त करने के लिए डेटाटेबल्स तालिका के माध्यम से लूप
- 8. फ़ाइलों के माध्यम से लूप कैसे करें और उन्हें Python
- 9. सभी XElement विशेषताओं के माध्यम से लूप कैसे करें और उनके मान
- 10. कोशिकाओं के माध्यम से लूप और
- 11. रनटाइम पर सभी ऑब्जेक्ट गुणों के माध्यम से लूप
- 12. संसाधन प्रबंधन में सभी संसाधनों के माध्यम से लूप - सी #
- 13. एक रेडियो बटन सूची के माध्यम से लूप कैसे करें
- 14. पृष्ठ पर सभी उपयोगकर्ता नियंत्रणों के माध्यम से लूप
- 15. सर्वर पर डेटाबेस के माध्यम से लूप, और डेटा
- 16. दोहराने के भीतर टेक्स्टबॉक्स से मूल्य प्राप्त करें asp.net C#
- 17. $ _GET के माध्यम से लूप परिणाम
- 18. वैक्टर के वेक्टर के माध्यम से लूप
- 19. प्रत्येक टेक्स्टबॉक्स लूप के लिए
- 20. एक चेकबॉक्स सूची के माध्यम से लूप
- 21. XML तत्वों के माध्यम से लूप
- 22. जावास्क्रिप्ट में 'हैशमैप' के माध्यम से लूप
- 23. फ़ॉर्म के सभी तत्वों के माध्यम से लूप कैसे करें jQuery
- 24. सेलेनियम: सेलेनियम के माध्यम से टेक्स्टबॉक्स
- 25. सूची के आखिरी आइटम के अलावा सभी के माध्यम से कैसे लूप करें?
- 26. ग्रोवी में मानचित्र के माध्यम से लूप?
- 27. लूप के अंदर बंद - पैरामीटर
- 28. jQuery के साथ किसी पृष्ठ में सभी टेक्स्टबॉक्स कैसे जांचें?
- 29. PHP: किसी भी तिथि सीमा में सभी महीनों के माध्यम से लूप?
- 30. लूप अनुरोध वस्तु कुंजी के माध्यम से
और आईडी चयनकर्ता वर्ग चयनकर्ता –