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")
    }
})