javascript - 使用 javascript 时网格中的金额不应小于 0

Question

当我将第一条记录插入gridview时。我想要的是，我的 Amount 列不应为 0 或小于该值。

这是我的代码的样子。

function checkAgrmVal() {
        for (var i = 0; i < GridPayInfo.Rows.length; i++) {
            var AgrmntAmt = GridPayInfo.Rows[i].Cells[5].Value;
            alert(AgrmntAmt);
            if (AgrmntAmt <= "0") {
                alert('Agreement amount cannot be 0 or less than 0');
                return false;
            }
        }
    }

当我去添加第一行时它不起作用，但当我去添加第二行时它确实起作用。

Answer 1

• 要获取表格行，请使用 GridPayInfo.rows[i].cells[5] 而不是 Rows 并且 细胞
• 要获取单元格内容，请使用 innerText、textContent 获取文本，或使用 innerHTML 获取 HTML，而不是 .Value .
• .Value 应该是适用于输入和文本区域的 .value。

所以你的示例应该可以工作，请参阅下面的代码:

function checkAgrmVal() {
var GridPayInfo = document.getElementById("tbl");
        for (var i = 0; i < GridPayInfo.rows.length; i++) {
            var AgrmntAmt = GridPayInfo.rows[i].cells[5].innerText;
            if (AgrmntAmt <= "0") {
                alert('Agreement amount cannot be 0 or less than 0 found in row: '+ (+i+1));
                return false;
            }
        }
    }

<table id='tbl'>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>-1</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>5</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>-3</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>-4</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>3</td></tr>
</table>
<button onclick='checkAgrmVal()'>check</button>