Javascript 使用jquery验证动态创建的div

我动态地添加div，并将多个输入标记添加到id=“lessonDetails”的div中。我正在尝试使用jquery对其进行验证，代码如下：

html:

<div id="lessonDetails">
    <div class="greenshades">
        <input name="addlesson"/>
        <input name="addsubject"/>
    </div>
    <div class="greenshades">
        <input name="addlesson"/>
        <input name="addsubject"/>
    </div>
    <div class="greenshades">
        <input name="addlesson"/>
        <input name="addsubject"/>
    </div>
</div>
<input type="button" onclick="validate()"/>

它不能正常工作。它一次发出多个警报。

$（此）。每个（

都没有任何意义

$('#lessonDetails').find('input[name="addlesson"]').each(function () {

  if ($(this).val() == "") {
    alert("Please enter lesson title.");
    return false;
  }
});

---

我正在查找所有嵌套的

'input[name=“addlesson”]

并对它们进行迭代，其余的逻辑是相同的，这样就可以完成任务了。

您不需要多个

each（）

，请根据需要修改validate函数

function validate() {
    var valid = true;
    $('#lessonDetails input[name="addlesson"]').each(function() {
        if ($(this).val() == "") {
            alert("Please enter lesson title.");
            valid = false;
            return false; //break loop only
        }
    });
    return valid;
}

使用返回值

<input type="button" onclick="return validate()"/>

你不需要

$（“#lessonDetails”）

和

$（这个）。每个（

<input type="button" onclick="return validate()"/>