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或超过可用数量。

我想要做的是在文本框中添加一个类，如果它包含无效的数字，例如我试过了

$('.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")
    }
})

jQuery将类添加到无效文本框中

1 个答案: