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

skwidbreth 发表于 Dev

skwidbreth

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

我遇到的问题是，如果已回答的选择字段少于现有选择字段的总数，则表单可以进入下一页-如果我不回答任何选择字段，则验证可以正常进行，但是如果即使回答了一个问题，我仍然会收到警报，但是无论如何，该表单都将继续进行下一步。这是代码示例（“不变”是我在select中为占位符选项提供的值）：

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

       else{
          PROCEED...
       };

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

也许我在这里的方法是完全错误的...基本上，我需要一种形式来将其视为直到每个.species_select都具有除“ unchanged”之外的其他值才能进行。

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

索哈德·古普塔

尝试通过以下方式使用a标志：

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。