Javascript 在多行输入上只有一个提交按钮来判断空值

我有一个多行输入表单，但只有一个保存按钮

页面图片：

页面代码：

                            <tbody>
                        {% for data in datas.get_execl_a %}
                            <form class="form-signin" action="{{ url_for('user.work1',id=data.id) }}"
                                  method="post" name="frm">
                                {% if  data.is_repeat %}
                                    <tr style="background-color: #ff3518">
                                        {% else %}
                                    <tr>
                                {% endif %}

                                <td><input id="a" name="a" class="input_a" value="{{ data.a }}"></td>
                                <td><input id="b" name="b" class="input_b" value="{{ data.b }}"></td>
                                <td><input id="c" name="c" class="input_c" value="{{ data.c }}"></td>
                                <td><textarea
                                        id="d" name="d"
                                        class="input_d">{{ data.d }}</textarea>
                                </td>
                                <td><input id="e" name="e" class="input_e" value="{{ data.e }}"></td>
                                <td><input id="f" name="f" class="input_f" value="{{ data.f }}"></td>
                                <td><input id="g" name="g" class="input_g" value="{{ data.g }}"></td>
                                <td><input id="h" name="h" class="input_h" value="{{ data.h }}"></td>
                                <!--<td><input id="i" name="i" class="input_i" value="{{ data.i }}"></td>-->
                                <td><input id="j" name="j" class="input_j" value="{{ data.j }}"></td>
                                <td><textarea
                                        id="k" name="k"
                                        class="input_k">{{ data.k }}</textarea>
                                </td>
                                <td>
                                    <input id="l" name="l" class="input_l" type="date" value="{{ data.l }}">
                                </td>
                                <td>
                                    <button class="btn btn-primary btn-sm" onclick="return IsEmpty();" style="width: 60px">submit</button>
                                </td>
                                </tr>

{%用于datas.get_execl_a%中的数据}
{%if data.is_repeat%}
{%else%}
{%endif%}
{{data.d}
{{data.k}
提交

我尝试了以下JavaScript代码：

function IsEmpty() {
        if (document.getElementById('l').value === "") {
            alert("Date cannot be empty");
            return false;
        }
        return true;
}

</script>

函数为空（）{
if（document.getElementById（'l'）。值=“”）{
警报（“日期不能为空”）；
返回false；
}
返回true；
}

所有日期均为空时提示

但即使日期为空，其他行也不会提示

---

我想提示每一个空白行。

似乎您也有多个提交按钮。唯一的问题是表单是单一的，每个表单都需要重复row@AnantSingh---AlivetoDie是，空值​​只能验证一次，我需要每行验证