0

次のHTMLコードを使用してテーブルを表示しています。

<table border="1" id="markstbl">
   <thead>
      <tr>
         <th class="answermarksth">Marks per Answer</th>
         <th class="totalmarksth">Total Marks</th>
         <th class="noofmarksth">Marks Remaining</th>
      </tr>
   </thead>
   <tbody>
      <tr class="questiontd">
         <td class="answermarkstd">
            <input class="individualMarks q1_mark_0" q_group="1" name="answerMarks[]" id="individualtext" type="text" />
         </td>
         <td class="totalmarkstd" rowspan="2">4</td>
         <td class="noofmarkstd q1_ans_text" q_group="1" rowspan="2"><strong>4</strong></td>
      </tr>
      <tr class="questiontd">
         <td class="answermarkstd">
            <input class="individualMarks q2_mark_0" q_group="1" name="answerMarks[]" id="individualtext" type="text" />
         </td>
         <td class="totalmarkstd" rowspan="1">6</td>
         <td class="noofmarkstd q2_ans_text" q_group="1" rowspan="1"><strong>0</strong></td>
      </tr>
   </tbody>
</table>

以下は、テーブルがどのように見えるかです。

Marks Per Answer                Total Marks    Marks Remaining
(blank text input)                   4              4
(value=6 text input)                 6              0

inputテキストが空白の場合にメッセージが表示されるように、テーブルを検証しようとしました。'Marks Remaining'が0に等しくない場合、検証メッセージが表示されます（0より大きい場合は1つの検証メッセージ、0より小さい場合は別の検証メッセージ）。

問題は、検証メッセージを出力していないことです。検証を実行しないのはなぜですか？

これは私のjQueryコードです：

function validation() {
    var alertValidation = "";
    var _qid = "";
    var _msg = "";
    var questions = $('#markstbl td[class*="_ans"]').length;

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


        if (!this.value) {
            alertValidation += "\n\u2022 You have not entered in a value in the Indivdiaul Marks textbox all your Answers\n";
        }

        if ($("[class*=q" + i + "_mark]").text() < '0') {
            alertValidation = "Your Total Marks Remaining does not equal 0 \n\n\u2022 You Need To Remove " + Math.abs(marks) + " Marks";
        } else if ($("[class*=q" + i + "_mark]").text() > '0') {
            alertValidation = "Your Total Marks Remaining does not equal 0 \n\n\u2022 You Have " + marks + " Marks Remaining";
        }

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

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

    return true;
}​
4

1 に答える 1

1

jQueryコードにエラーがあります。このセレクター$("[class*='q'")は無効です。次のようにする必要があります $("[class*='q']")。

コードが実行されているjsfiddleは次のとおりです。http： //jsfiddle.net/jYZSX/

検証がどのように機能するかを理解するために、私はまだ質問を読んでいます。

于 2012-12-04T03:24:49.053 に答える