Xác thực đệ quy các phần tử nhập HTML

Question

Tôi đã viết trình xác nhận nhập đệ quy sau đây và nó hoạt động cho tôi. Có cách nào tốt hơn để truy cập vào mỗi yếu tố dom và kiểm tra xem nó là một lĩnh vực đầu vào và xác nhận nó?

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

Nếu bằng tốt hơn bạn có nghĩa là ít tiết, đây là tương đương về mặt chức năng

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 

Chú ý rằng không có nhu cầu về đệ quy ở đây vì

parent.find('*') 

sử dụng *(all-selector). Điều này sẽ nhận được tất cả trẻ em và trẻ em lồng nhau.

Cập nhật

Để cải thiện hiệu suất, bạn có thể cấu trúc ở trên để

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

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

này sẽ nhận được tất cả lồng input yếu tố, do đó bạn sẽ không phải thậm chí kiểm tra

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

Answer 2

Tôi sẽ sử dụng công cụ chọn hẹp hơn:

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