在Laravel中使用JavaScript验证添加动态表单输入？

// 在Laravel中创建表单
<form id="myForm" action="/submit" method="POST">
    <div id="dynamicFields">
        <!-- 动态添加的表单输入字段 -->
    </div>
    <button type="button" onclick="addDynamicField()">添加字段</button>
    <button type="submit">提交</button>
</form>

<script>
    // 动态添加字段的计数器
    var fieldCounter = 0;

    // 添加动态字段
    function addDynamicField() {
        var fieldId = 'field_' + fieldCounter;
        var fieldHtml = '<input type="text" name="' + fieldId + '" id="' + fieldId + '">';
        document.getElementById('dynamicFields').innerHTML += fieldHtml;
        fieldCounter++;
    }

    // 表单提交事件监听器
    document.getElementById('myForm').addEventListener('submit', function(event) {
        // 阻止表单默认提交行为
        event.preventDefault();

        // 验证逻辑
        var isValid = true;
        var fields = document.querySelectorAll('[id^="field_"]');
        for (var i = 0; i < fields.length; i++) {
            var field = fields[i];
            if (field.value === '') {
                isValid = false;
                field.classList.add('error');
            }
        }

        // 如果验证失败，显示错误消息或其他处理
        if (!isValid) {
            alert('请填写所有字段');
            return;
        }

        // 验证成功，提交表单
        this.submit();
    });
</script>