javascript - 如何验证动态生成的文本区域和复选框

Question

这似乎是 StackOverflow 中非常常见的问题。但是，我在验证这些文本区域(不要留空)和复选框(至少应选中一个)时遇到困难。我尝试了几种验证 JavaScript 和框架，但没有成功。

我有一个名为“case_title0[]”的文本区域，当用户单击“添加更多”按钮时，该文本区域会将数字“0”增加到“1”、“2”等。我想在用户单击“添加更多”按钮时进行验证。

其次，我想要一个动态的复选框(name="editioncheck'+caseNum+'[]")，以限制用户将其留空。该复选框看起来像“editioncheck0[]”、“editioncheck1[]”等。需要至少检查一次才能继续下一个“添加更多”按钮。在此之前，“添加更多”按钮应保持非事件状态。

所以，我希望在我的表单中进行这两种类型的验证，即。文本区域和复选框。

此处使用的最简单的框架或自定义代码是哪个？

我不想要花哨的显示，因为在这方面只有alert()框应该起作用。

Answer 1

将公共(public)类添加到所有文本区域，并将公共(public)类添加到所有复选框并执行验证。

<textarea class="t"></textarea>
<textarea class="t"></textarea>
<textarea class="t"></textarea>
<textarea class="t"></textarea>

<input type="checkbox" class="c">

function validate() {
    var err = false;
    $('.t').each(function(){
         if($(this).text().length < 1) {
             err = true;
             return false;
         }
    });
    if(!err) {
         /* code to validate checkboxes like above */
    }
    return !err;
}