Jquery 我想这样显示我的警报

我的申请有一个问题，那就是。请按照以下步骤操作：

打开应用程序时，单击“打开网格”并选择选项4。按钮A、B、C和D将出现在下面

在“答案数”文本框中，键入数字1。然后单击A、B、C或D中的1个按钮（所选按钮将变为绿色）。完成后，单击“添加问题”按钮两次

如您所见，您在顶部输入的详细信息将显示在下面的两行中。在您添加的第一行中，在“答案数”列下的文本框中，将数字1更改为0，在第二行中，将答案数文本框从1更改为2。现在单击下面的“提交详细信息”按钮

应出现一个警告，说明“您选择的答案少于所需数量”。它还声明“您选择的答案超过了要求的数量”。这是正确的，因为在第一行中，选择了一个答案，但在文本框中表示您需要0个答案，在第二行中，选择了一个答案，但在文本框中表示您需要2个答案

我的问题:

我的问题是，除了在两行的警报中显示这两条消息外，我想要的是它将在第一行显示一条显示错误的警报。在用户对第一行中的错误进行排序后，如果第二行中有错误，则当用户再次单击“提交详细信息”按钮时，将在第二行显示错误消息的警报

我希望第一行的警报显示如下，例如：

请修复问题1中的错误： “您选择的答案少于所需数量”

对于第二行的警报，我需要：

请修复问题2中的错误： “您选择的答案多于所需数量”

下面是相关的验证代码（我认为问题在于var上下文，因为我认为变量是错误的，但我不确定）：

函数验证（）{
alertValidation=“”；
//请注意，这只是它的声明。。。
$（“.numberTranswerTXTROW”）。每个（函数（）{
var currenttotal=$（this）.closest（'.optionandswer'）.find（'.answerBtnsOn'）.length；
如果（！this.value）{
alertValidation+=“\n请输入此问题所需的答案数\n”；
}
else if（currenttotal>$（this.val（））{
alertValidation+=“\n您选择的答案超过了所需数量\n”；
}
else if（currenttotal<$（this）.val（））{
alertValidation+=“\n您选择的答案少于所需数量\n”；
}
});
如果（alertValidation！=“”）
{
警报（警报验证）；
返回false；
}

希望这是有道理的，如果没有那么请评论我

下面是对带有textarea validation的validation（）函数的编辑：

 function validation() {

$(".textAreaQuestion").each(function() {

   alertValidation= ""; 

        if (!this.value || this.value.length < 5) {
            alertValidation += "\nYou have not entered a valid Question\n";
        }

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

    });

$(".numberAnswerTxtRow").each(function() { 

    alertValidation= ""; 

    var currenttotal = $(this).closest('.optionAndAnswer').find('.answerBtnsOn') .length;      

    if (!this.value) { 
            alertValidation += "\nPlease Enter in the Number of Answers you Require for this question\n"; 
    } 
    else if (currenttotal > $(this).val()){ 
        alertValidation += "\nYou have selected more answers than the required amount\n"; 
    } 

    else if (currenttotal < $(this).val()) { 
        alertValidation += "\nYou have selected less answers than the required amount\n"; 
    } 

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

     return true;
}

函数验证（）{
$（“.textAreaQuestion”）.each（函数（）{
alertValidation=“”；
如果（！this.value | | this.value.length<5）{
alertValidation+=“\n您没有输入有效的问题\n”；
}
如果（alertValidation！=“”）
{ 
警报（警报验证）；
返回false；
} 
});
$（“.numberTranswerTXtrow”）.each（函数（）{
alertValidation=“”；
var currenttotal=$（this）.closest（'.optionandswer'）.find（'.answerBtnsOn'）.length；
如果（！this.value）{
alertValidation+=“\n请输入此问题所需的答案数\n”；
} 
如果（currenttotal>$（this.val（））{
alertValidation+=“\n您选择的答案超过了所需数量\n”；
} 
如果（currenttotal<$（this.val（））{
alertValidation+=“\n您选择的答案少于所需数量\n”；
} 
如果（alertValidation！=“”）
{ 
警报（警报验证）；
返回false；
} 
}); 
返回true；
}

如果任何错误条件有效，应通过返回

false

一次来停止每个循环。请尝试此操作

  function validation() {

        var alertValidation = "";
        // Note, this is just so it's declared...

        $(".numberAnswerTxtRow").each(function() {
            var currenttotal = $(this)
                               .closest('.optionAndAnswer')
                               .find('.answerBtnsOn').length;     

            if (!this.value) {
                alertValidation += "\nPlease Enter in the Number of Answers you Require for this question\n";
            }
            else if (currenttotal > $(this).val()){
                 alertValidation += "\nYou have selected more answers than the required amount\n";
            }

            else if (currenttotal < $(this).val()) {
                 alertValidation += "\nYou have selected less answers than the required amount\n";
            }
            if(alertValidation != ""){
                return false;//Stop the each loop
            }
        });


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

函数验证（）{
var alertValidation=“”；
//请注意，这只是它的声明。。。
$（“.numberTranswerTXTROW”）。每个（函数（）{
var currenttotal=$（此）
.最近（'.optionandswer'））
.查找（'.answerBtnsOn'）。长度；
如果（！this.value）{
alertValidation+=“\n请输入此问题所需的答案数\n”；
}
else if（currenttotal>$（this.val（））{
alertValidation+=“\n您选择的答案超过了所需数量\n”；
}
else if（currenttotal<$（this）.val（））{
alertValidation+=“\n您选择的答案少于所需数量\n”；
}
如果（alertValidation！=“”）{
返回false；//停止每个循环
}
});
如果（alertValidation！=“”）
{
警报（警报验证）；
返回false；
}
}

将if检查放在循环中。如果第一行发现错误，它将发出警报并返回。如果没有，它将继续检查第二行，如果发现错误并返回

function validation() {

    $(".numberAnswerTxtRow").each(function() {

        alertValidation= "";

        var currenttotal = $(this).closest('.optionAndAnswer').find('.answerBtnsOn') .length;     

        if (!this.value) {
            alertValidation += "\nPlease Enter in the Number of Answers you Require for this question\n";
        }
        else if (currenttotal > $(this).val()){
            alertValidation += "\nYou have selected more answers than the required amount\n";
        }

        else if (currenttotal < $(this).val()) {
            alertValidation += "\nYou have selected less answers than the required amount\n";
        }

        if(alertValidation != "")
        {
            alert(alertValidation);
            //Ends the loop
            return false;
        }
    });

 //Do other stuff here...
}

函数验证（）{
$（“.numberTranswerTXTROW”）。每个（函数（）{
alertValidation=“”；
var currenttotal=$（this）.closest（'.optionandswer'）.find（'.answerBtnsOn'）.length；
如果（！this.value）{
alertValidation+=“\n请输入此问题所需的答案数\n”；
}
else if（currenttotal>$（this.val（））{
alertValidation+=“\n您有
function validation() {

    $(".numberAnswerTxtRow").each(function() {

        alertValidation= "";

        var currenttotal = $(this).closest('.optionAndAnswer').find('.answerBtnsOn') .length;     

        if (!this.value) {
            alertValidation += "\nPlease Enter in the Number of Answers you Require for this question\n";
        }
        else if (currenttotal > $(this).val()){
            alertValidation += "\nYou have selected more answers than the required amount\n";
        }

        else if (currenttotal < $(this).val()) {
            alertValidation += "\nYou have selected less answers than the required amount\n";
        }

        if(alertValidation != "")
        {
            alert(alertValidation);
            //Ends the loop
            return false;
        }
    });

 //Do other stuff here...
}