सभी इनपुट फ़ील्ड को jQuery

Question

से भर दिया गया है, मेरे पास 3 divs हैं, प्रत्येक में एक डीएफयू इनपुट फ़ील्ड और अगला बटन है। मैं jQuery का एक स्निपेट लिखना चाहता हूं कि जब अगला बटन क्लिक किया जाता है तो यह बटन के समान div में सभी इनपुट फ़ील्ड्स को सुनिश्चित करने के लिए जांच करता है, शून्य नहीं है।

मैं कोई भाग्य लेकिन मैं 100% कुछ अपने गलत, केवल मैं नहीं कर सकते प्रासंगिक जानकारी ऑनलाइन उपलब्ध सामग्री से निम्नलिखित की कोशिश की है ...

http://jsfiddle.net/xG2KS/1/

Answer 1

आप filter इस्तेमाल कर सकते हैं कम करने के लिए

$(".next").click(function() { 
    var empty = $(this).parent().find("input").filter(function() { 
     return this.value === ""; 
    }); 
    if(empty.length) { 
     //At least one input is empty 
    } 
}); 

: केवल उन है कि खाली हैं, और करने के लिए सभी input तत्वों के सेट क्या रहता है की length संपत्ति की जाँच

ध्यान दें कि उपरोक्त कोड में खाली की परिभाषा एक खाली स्ट्रिंग है। यदि आप खाली रिक्त स्थान को खाली के रूप में भी देखना चाहते हैं, तो आप तुलना करने से पहले मूल्य को ट्रिम करना चाहेंगे।

यह भी ध्यान रखें किफ़ंक्शन के अंदर this को jQuery में पास करने की आवश्यकता नहीं है। डीओएम तत्व में value संपत्ति होगी, और val का उपयोग करने के बजाय इसे एक्सेस करना बहुत तेज है।

यहां एक updated fiddle है।

Answer 2

$('.next').click(function() { 
    var emptyInputs = $(this).parent().find('input[type="text"]').filter(function() { return $(this).val() == ""; }); 
    if (emptyInputs.length) { 
     alert('Fail!'); 
    } 
}); 

Answer 3

$('.next').click(function() { 
    var inputs = $(this).parent().find('input[value=""]'); 
    if (!inputs.length) { 
     // you have empty fields if this section is reached 
    } 
});