javascript - 如何验证动态输入字段javascript或jquery

Question

我正在尝试验证包含动态输入的表单。我希望两个字段链接在一起，也就是说，如果您在日期字段中输入日期，您还必须添加附件。我的表格看起来像这样

let form = document.getElementById('form');
form.addEventListener("submit", e => {
let messages = [];
let cancelled_date = document.getElementsByClassName('cancelled_date');
let cancelled_copy = document.getElementsByClassName('cancelled_copy');

if(cancelled_date.value !== '' && cancelled_copy.value===''){
messages.push('Cancelled date entered but no copy was uploaded');
}

    if(messages.length !== 0) {
        e.preventDefault();
        alert(messages)
        }
        


)}

<form id="form">

<input type="text" name="cancelled_date[]" id="cancelled_date" class="cancelled_date">
<input type="file" name="cancelled_copy[]" id="cancelled_copy" class="cancelled_copy">

</form

<button onclick=addMore(); value="Add">

当用户单击添加更多时，它会生成类似的字段。现在验证不适用于动态添加的字段。我该怎么办？

标签： javascripthtml