jquery – 检查所有空文本输入的验证不起作用

正如您在小提琴中看到的那样,有两个问题但在问题1中它包含多个文本输入,而问题2仅包含一个文本输入.现在我正在尝试验证任何空文本输入,但问题是如果在问题1的第一个文本输入中我填写一个值并将其他值留空,当我单击提交按钮时,因为其他文本输入问题1是空的,它应该显示一个lert,说明问题1中有一个错误,说明有一个空文本输入.好吧,它没有这样做,而是直接显示问题2的警报,说明该问题中有空白输入.

所以看起来我的问题是如果一个问题有多个输入,如果填写了那些输入,那么它似乎认为它很好并且该问题中没有空文本输入错误.这显然是不正确的,因为必须填写问题中的每个输入,而不是一个文本输入可以留空.

为了解决这个问题,如何更新小提琴？

Jquery validation()函数在这里：

function validation() {

    var alertValidation = "";
    var _qid = "";
    var _msg = "";

    $("[class*='q']").each(function(i) {  
    var questions = parseInt($("[class*=q" + i + "_qnum]").text());
    var txtinput = $("[class*=q" + i + "_mark]").val(); 
    _qid = questions;
    _msg = "You have errors on Question Number: " + _qid + "\n";


if (txtinput == '') {
    alertValidation += "\n\u2022 You have not entered in a value in all the Indivdiaul Marks textBox\n";
}    


            if (alertValidation != "") {
                return false; //Stop the each loop 
            }

        });


    if (alertValidation != "") {
        alert(_msg + alertValidation);
        return false;
    }

    return true;
}

以下是HTML代码：

<form id="Marks" action="" method="post">
<table border='1' id='markstbl'>
    <thead>
    <tr>
    <th class='questionth'>Question No.</th>
    <th class='answermarksth'>Marks per Answer</th>
    </tr>
    </thead>
    <tbody>

    <tr class="questiontd">
        <td class="questionnumtd q1_qnum" name="numQuestion" rowspan="2">1 <input type="hidden" name="q1_ans_org" class="q1_ans_org" value="5"><input type="hidden" name="q1_ans" class="q1_ans" value="5"></td>

<td class="answermarkstd">
<input class="individualMarks q1_mark"  q_group="1" name="answerMarks[]" type="text" onkeypress="return isNumberKey(event)" maxlength="3" />
</td>
</tr>

<tr class="questiontd">
<td class="answermarkstd">
<input class="individualMarks q1_mark"  q_group="1" name="answerMarks[]" type="text" onkeypress="return isNumberKey(event)" maxlength="3" />
</td>
</tr>

<tr class="questiontd">
        <td class="questionnumtd q2_qnum" name="numQuestion" rowspan="1">2 <input type="hidden" name="q2_ans_org" class="q2_ans_org" value="5"><input type="hidden" name="q2_ans" class="q2_ans" value="5"></td>
<td class="answermarkstd">
<input class="individualMarks q2_mark"  q_group="1" name="answerMarks[]" type="text" onkeypress="return isNumberKey(event)" maxlength="3" />
</td>
</tr>    </tbody>
</table>

<p><input id="submitBtn" name="submitMarks" type="submit" value="Submit Marks" /></p>

</form>

表看起来像这样：

Question No.   Marks per Answer
1              (blank text input)
               (blank text input)
2              (blank text input)