javascript - jQuery 将类添加到无效文本框

Question

基本上我有一个这样的项目表:

<table id="items">
<th>Description</th><th>Qty. In Stock</th><th>Qty. To Issue</th>

<tr><td>description of item</td><td>1</td><td><input type="text" class="qtyissued"></td></tr>


<tr><td>item</td><td>3</td><td><input type="text" class="qtyissued"></td></tr>
</table>

该表采用 jQuery 模态形式。用户在商品的文本框中输入要从当前库存数量发出的金额。我进行了验证，阻止他们输入 0 或更多的可用数量。

我想要做的是将一个类添加到文本框中，如果它包含无效数字，例如0.我尝试过这样做

$('.qtyissued').closest('.qtyissued').addClass('ui-state-error');
$('#items').closest('tr').find('td:eq(0)').addClass( "ui-state-error" );
$('.qtyissued').closest('input:text').addClass('ui-state-error');

但它们都不起作用，我知道我可以使用 $('.qtyissued).addClass('ui-state-error'); 但这会将类添加到所有输入框，甚至是有效的。

我通过单击模态表单中的按钮来调用该函数，然后调用:

var qty = $(this).closest('tr').find('td:eq(2)').text();
if(qtyissued == "" || qtyissued== 0 || qtyissued> qty) {

$(".qtyissued").each(function(){
    if($(this).val()=='0'){
        $(this).addClass("ui-state-error")
    }
})
        updateError( "Please enter a valid quantity"); //Function to add error message
}

有没有办法让我只能将类添加到无效的文本框中。

Answer 1

我会这样做:

$(".qtyissued").each(function(){
    if($(this).val()=='0'){
        $(this).addClass("ui-state-error")
    }
})