Why is my Form DOM type attribute returning this?

[Samishii23]

I'm making a confirm dialog box to ask user upon form submission if this is what he wants to enter in a database. So since all my form names are straight forward about whats being entered. I have this test function.

function testing() {
    var f = document.formEquipment;
    var l = f.elements.length;
    var txt;
 
    for ( i=0; i<l; i++ ) {
        if ( f.elements[i].type != "radio" )
        if ( f.elements[i].type != "" )
        if ( f.elements[i].name != "button" )
        if ( f.elements[i].type != "reset" )
            txt += f.elements[i].type +"|"+ f.elements[i].name.cap() +": "+ f.elements[i].value +"\n";
        }
    alert(txt);
    }

(.cap() is a string prototype of mine)
Heres my current output:

undefinedsubmit|:
hidden|Sectionid: 1
hidden|Formtype: add
text|Name:
text|Purchasedate:
text|Price:
select-one|Type:
text|Serial:
text|Brand:
text|Usagevalue:
text|Notes:

The top item is a <button> tag, that even if I put a name attribute to it won't stop giving me that undefinedsubmit crap.
Does anyone know why this does this?

[johny10151981]

if ( f.elements[i].type != "radio" )
        if ( f.elements[i].type != "" )
        if ( f.elements[i].name != "button" )
        if ( f.elements[i].type != "reset" )

Write this as

if ( f.elements[i].type != "radio" && f.elements[i].type != "" && f.elements[i].name != "button" && f.elements[i].type != "reset" )