每個文本框的驗證錯誤消息

Question

我在這里有驗證比較文本框值。 我有數量文本框和隱藏文本框，如果數量文本框低於隱藏文本框，則錯誤消息將顯示在span中。 但問題是甚至在其他跨度中始終出現正確的值錯誤消息。

如下圖所示，如果數量小於隱藏文本框錯誤消息顯示，但在另一個具有正確值的文本框上仍會顯示錯誤消息。 救命？

$('.n_quantity,.pr_total').each(function () {
    var textBox1 = $(".n_quantity");
    var textBox2 = $(".pr_total");
    for (var i = 0, len = textBox1.length; i < len; i++) {
        if (parseInt(textBox2[i].value) > parseInt(textBox1[i].value)) {
            $(this).next("span.val_over").html("Over").addClass('validate');
            validation_holder = 1;
            return false;
        }
    }
});

---

<p>
    <label for="">PR Quantity</label>
    <input name="n_quantity[]" id="n_quantity" class="qty tb1 n_quantity" type="text" value="<?php echo $row['total_quantity'] ?>" />
    <span class="val_qty val_over"></span>
</p>
<p style="display:none;">
    <input id="pr_total" class="tb2 pr_total" type="text" value="<?php echo $row['total_quantity'];?>" readonly="readonly">
</p>

Answer 1

您可以迭代可編輯字段，然后遍歷dom到相關元素：

$('.n_quantity').each(function () {
    var $this = $(this);
    var $total = $this.closest('p').next().find('.pr_total');

    if (parseInt($this.val(), 10) > parseInt($total.val(), 10)) {
        $this.siblings('.val_over').html('Over').addClass('validate');
        validation_holder = 1;
    }    
});