4

我在这里有一个 jsfiddle http://jsfiddle.net/cbyJD/76

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

所以看起来我的问题是，如果一个问题有多个输入，如果其中一个输入被填写，那么它似乎认为这很好，并且该问题中没有空文本输入错误。这显然是不正确的，因为必须填写问题中的每个输入，不能将任何文本输入留空。

如何更新小提琴以解决此问题？

Jquery 验证（）函数在这里：

  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)
4

1 回答 1

1

我更新你的小提琴。

看到这个

$("input[data-type='qmark']").each(function(i) {  
var questions = $(this).attr("data-qnum");
var marks = parseInt($("[class*=q" + i + "_ans_text]").text(), 10); 
var txtinput = $(this).val(); 
_qid = questions;
_msg = "You have errors on Question Number: " + _qid + "\n";
于 2012-12-06T14:05:56.517 回答