javascript - 动态表单验证 - 在满足所有条件之前进行

Question

我已经创建了一个表单，我正在尝试为一组“双重”动态的选择字段添加验证 - 也就是说，根据用户输入，可能有 x 个组和 y 个选择每个字段。每个选定字段都需要一个答案。

我遇到的问题是，如果回答的选择字段少于现有总数，则表单能够继续到下一页 - 如果我不回答任何选择字段，验证工作完美，但即使有人回答，我仍会收到提醒，但无论如何表单都会继续下一步。这是代码示例(“未更改”是我在选择中为占位符选项提供的值):

 $(".species_select").each(function(){        
       if (this.value === "unchanged"){
         alert("Please select the species")
       }

       else{
          PROCEED...
       };

从概念上讲，我理解为什么会发生这种情况 - 至少满足一次条件并导致表单继续进行。对于具有固定数量字段的表单，我会使用 ||在需要验证的所有字段之间，但在这种情况下不会发生。

也许我在这里的方法是完全错误的...基本上，我需要表单来处理它，就好像它不能继续，直到每个 .species_select 都具有除“未更改”以外的值。

非常感谢您的想法和专业知识。

Answer 1

尝试按以下方式使用 a 标志:

var proceed = true;
$(".species_select").each(function() {        
    if (this.value === "unchanged") {
    alert("Please select the species");
    proceed = false;
    }
});
if (proceed) {
    // PROCEED...
}