它一直顯示的NaN

Question

我用下面的HTML代碼顯示一個表格：

<form id="Marks" action="/u0877654/Mobile/individualmarks.php" method="post"> 

<table border='1' id='markstbl'> 
<thead> 
<tr> 
<th class='questionth'>Question No.</th> 
<th class='answermarksth'>Marks per Answer</th> 
<th class='noofmarksth'>Marks Remaining</th> 
</tr> 
</thead> 
<tbody> 

<tr class="questiontd"> 
<td class="questionnumtd q<?php echo$questionId?>_qnum" name="numQuestion" rowspan="1">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[]" class="individualtext" type="text" onkeypress="return isNumberKey(event)" maxlength="3" /> 
</td> 
<td class="noofmarkstd q1_ans_text" q_group="1" rowspan="1"><strong>5</strong></td> 
</tr> 

<tr class="questiontd"> 
<td class="questionnumtd q<?php echo$questionId?>_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[]" class="individualtext" type="text" onkeypress="return isNumberKey(event)" maxlength="3" /> 
</td> 
<td class="noofmarkstd q2_ans_text" q_group="1" rowspan="1"><strong>5</strong></td> 
</tr> 
</tbody> 
</table> 

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

</form> 

下面是什麼表如下所示：

Question No.  Marks Per Answer   Marks Remaining 
    1   (value=5 text input)   0 
    2   (blank text input)   5 

現在我已經創建驗證爲表以上使用jquery。如果一個行包含除了任意數目0​​（更高或更低），那麼它將顯示一個警告，指出：

高於0：

You have errors on Question Number: 
Your Total Marks Remaining does not equal 0 

• You Have NaN Marks Remaining 

小於0：

You have errors on Question Number: 
Your Total Marks Remaining does not equal 0 

• You Need To Remove NaN Marks 

另一個驗證是，如果用戶在「Marks Per Answer」欄中留下了文本輸入空白，那麼它應該在下面顯示此消息：

You have errors on Question Number: 

• You have not entered in a value for all the Indivdiaul Marks textbox 

我有兩個問題，雖然你可以看到。首先它不顯示包含錯誤的問題編號，它應顯示包含錯誤的第一個問題的問題編號。

另一個問題是它一直顯示NaN。它應該顯示需要刪除多少個標記才能將其設置爲0或將其添加爲0.

上述兩個問題如何解決？

這是我的jQuery代碼：

function validation() { 

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

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


     if (txtinput == '' || txtinput == null) { 
      alertValidation += "\n\u2022 You have not entered in a value for all the Indivdiaul Marks textbox\n"; 
     } else if (marks < '0') { 

      alertValidation = "Your Total Marks Remaining does not equal 0 \n\n\u2022 You Need To Remove " + Math.abs(marks) + " Marks"; 
     } else if (marks > '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; 
} 

Answer 1

你比較字符串時，你做$("[class*=q" + i + "_mark]").text() < '0'，所以嘗試=（不等於）運算符相對於<（小於）。例如：

$("[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 for all the Indivdiaul Marks textbox\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 { 
       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 
      }  
     }); 

否則使用您的變量：

$("[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 for all the Indivdiaul Marks textbox\n"; 
      } 

      if (marks < 0) { 
       alertValidation = "Your Total Marks Remaining does not equal 0 \n\n\u2022 You Need To Remove " + Math.abs(marks) + " Marks"; 
      } else if (marks > 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 
      }  
     }); 

Answer 2

您需要使用.VAL（）來檢索輸入值：

_qid = $(".q" + i + "_ans_org").val(); 
_msg = "You have errors on Question Number: " + _qid + "\n"; 

編輯：什麼選擇你正在用嗎？類選擇器僅以點爲前綴：

var marks = parseInt($(".q" + i + "_ans_text").text());