Recursively validating HTML input elements

Question

I have written the following recursive input validator and it works for me. Is there a better way to visit each dom element and check if it is an input field and validate it?

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

If by better you mean less verbose, this is equivalent functionally

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

Notice that there is no need for recursion here because

parent.find('*')

uses the *(all-selector). This will get all children and nested children.

Update

To improve performance, you can refactor above to

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

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

This will get all nested input elements so you won't have to even check for

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