Wie kann man die Anzahl der Textfelder in einem Formular mit javascript?

Wie kann man die Anzahl der Textfelder in einem Formular mit javascript?
Vielen Dank im Voraus.

InformationsquelleAutor naveenkumar | 2010-09-24
  1. 1
    var inputs = document.getElementsByTagName('input');
var count = 0;
for(var cpt = 0; cpt < inputs.length; cpt++)
if (inputs[cpt].type == 'text') count++;
alert(count);
    InformationsquelleAutor GôTô
  2. 0
    var node_list = document.getElementsByTagName('input');
var c=0;
for (var i = 0; i < node_list.length; i++) {
    var node = node_list[i];

     if (node.getAttribute('type') == 'text') {
        c++;
     }
 } 
alert(c);
    InformationsquelleAutor rahim asgari
  3. 0

    Diese werden schneller:

    Array.prototype.slice.apply(document.getElementsByTagName('input')).length;

    Aber es wird keine separate Eingabe-Typen. Wenn Sie das tun, erstellen Sie das array, wie ich oben in einer Schleife durch das array und wählen Sie Mitglieder, die die richtige Art, dann überprüfen Sie die Länge auf das resultierende array.

    (function () {
    var arr = Array.prototype.slice.apply(document.getElementsByTagName('input')),
    i = arr.length, item, textOnlyArray = [];
    while (i--) {
        item = arr[i];
        if (item.hasOwnProperty("type") && item.type === "text") {
            textOnlyArray.push(item);
        }
    }
    return textOnlyArray;
}());

    Können Sie auch Arrays verwendet werden.forEach wenn Sie nicht brauchen, um Unterstützung für alte/junky Browser. Das ist sogar schneller als while(i--)

    • ... aber ungenau, da wird es zählen alle Arten von <input>, nicht nur text-Boxen.
    • hasOwnProperty so missbraucht wird... tun Sie es hier, weil Sie modifizierten Objekt-Prototyp? Das ist eine schlechte Idee in den ersten Platz. Das eigentliche problem mit hasOwnProperty ist, dass Sie die Fähigkeit verlieren, um zu überprüfen, für die vererbten Eigenschaften. GôTô die Antwort ist einfacher und übersichtlicher
    • Ich bin der überprüfung der DOM-node-Eigenschaft, so will ich nicht vererbten Eigenschaften. Die Object-Eigenschaft wurde nicht geändert. Ich glaube, Sie missverstehen das, was .apply() tut.
    InformationsquelleAutor AutoSponge
Schreibe einen Kommentar