Question

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

正如你在小提琴中看到的那样，有两个问题，但问题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)

Answer 1

我更新你的小提琴。

请参阅this

$("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";

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

1 个答案: