Schleife durch alle tr und validieren von controls im td in jquery

ich habe eine Tabelle, dessen Struktur

<table>
    <tr>
        <td>
            <input type="text" id="field_1" />
            <input type="text" id="field_2" />
        </td>
    </tr>
    <tr>
        <td>
            <input type="text" id="field_1" />
            <input type="text" id="field_2" />
        </td>
    </tr>
    <tr>
        <td>
            <input type="text" id="field_1" />
            <input type="text" id="field_2" />
        </td>
    </tr>
    <tr>
        <td>
        </td>
    </tr>
</table>​

ich mag, um eine Schleife durch alle tr und überprüfen Sie, ob field_1 und feld_2 leer sind .

Mein Beispielcode

$('#table-1 tr').each(function () {
    var title = $(this).find("input[id*='field_1']");
    var link = $(this).find("input[id*='field_2']");
    if (title.value == '' || link.value == '') {
        alert("empty");
    }
});

Diese gibt undefined für beide link und Titel !!

InformationsquelleAutor | 2010-09-08

  1. 1

    Erste, Sie brauchen, um Ihre IDs zu Klassen, da kann man nicht wiederverwenden-IDs auf einer Seite. Sie müssen einzigartig sein.

    Die wichtigsten Probleme mit deinem code ist, dass Sie versuchen, zu verwenden .value gegen ein jQuery-Objekt.

    Müssen Sie .val(), um den Wert der <input> aus dem jQuery-Objekt, wie in title.val().

    Oder verwenden Sie den .value Eigenschaft direkt zu erhalten, müssen Sie das DOM-element aus dem jQuery-Objekt zunächst-wie in title[0].value.

    $('#table-1 tr').each(function() {
      var title = $(this).find("input[id*='field_1']");
      var link = $(this).find("input[id*='field_2']");

      if(title[0].value=='' || link[0].value=='') {
          alert("empty");
      }
});

    InformationsquelleAutor user113716

Schreibe einen Kommentar