एचटीएमएल इनपुट तत्वों को दोबारा सत्यापित करने

Question

मैंने निम्नलिखित रिकर्सिव इनपुट सत्यापनकर्ता लिखा है और यह मेरे लिए काम करता है। क्या प्रत्येक डोम तत्व पर जाने का एक बेहतर तरीका है और जांचें कि यह इनपुट फ़ील्ड है या नहीं?

function formValidator(parent) 
{ 
    //base case no children 
    if(parent.children().length == 0) 
     return 

    //recurse through each childs' child 
    parent.children().each(function(){ 
     formValidator($(this)); 

    /** 
    * Work : check if this node is an input node 
    */ 
     if($(this).is("input")) 
     { 
      var type = $(this).attr('type'); 

      if(type =="text") 
       //do work bro 

     } 

    });//end for each 

} 

Answer 1

तो द्वारा बेहतर आप कम वर्बोज़ मतलब है, यह बराबर है कार्यात्मक

parent.find('*').each(function(){ 
    /** 
    * Work : check if this node is an input node 
    */ 
     if($(this).is("input")) 
     { 
      var type = $(this).attr('type'); 

      if(type =="text") 
       //do work bro 

     } 

    });//end for each 

सूचना वहाँ प्रत्यावर्तन की कोई आवश्यकता नहीं यहाँ है कि क्योंकि

parent.find('*') 

*(all-selector) उपयोग करता है। यह सभी बच्चों और घोंसले बच्चों को मिलेगा। तो आप भी

if($(this).is("input")) 

Answer 2

के लिए जाँच करने के लिए नहीं होगा

अद्यतन

प्रदर्शन में सुधार करने के लिए, आप refactor कर सकते हैं इसके बाद के संस्करण

को

parent.find('input[type="text"]').each(function(){ 
     var type = $(this).attr('type'); 

       //if(type =="text") 
        //above no longer needed 
     });//end for each 

यह सब नेस्ट input तत्वों मिल जाएगा

मैं एक संक्षिप्त चयनकर्ता का उपयोग करूंगा:

parent.children().find("input:text").each(function(){ 
    // Valid $(this) element to validate 
});