javascript - jQuery 验证表格单元格中的输入字段

Question

我正在尝试验证表格中的输入。

我有一个包含行及其输入的表格。如果某些输入不为空，我们需要检查相邻的输入是否有值，如果没有则返回false。如果两者都为空则为真。

我做了一个我想做的小演示。 https://jsfiddle.net/51bz8ggv/2/

$(document).ready(function() {

  $("table tr :input").each(function () {
      console.log(this.value);
      // some check here
  });

});

谢谢。

Answer 1

https://jsfiddle.net/51bz8ggv/3/

$(document).ready(function() {
    $("table td:nth-child(1) :input").each(function(index) {

        var rowDate = $(this).val()
        var rowPoints = $("table td:nth-child(2) :input").eq(index).val()

        if (rowDate === "" && rowPoints === "") {
            //both are empty
            console.log(index + " : true")
        } else if (rowDate !== "" && rowPoints !== "") {
            //both have values
            console.log(index + " : true")
        } else {
            //one is empty and the other have value
            console.log(index + " : false")
        }
    });
});

我正在使用 nth-child(1) 循环遍历 first 列，而不是将值与 nth-child(2) 中的输入进行比较 又名第二列。因此，如果您使用不同的表格，请务必调整这些数字以适合您正在比较的列