js怎么判断表单是否提交

在JavaScript中，判断表单是否提交可以通过多种方式实现。以下是几种常见的方法：

方法一：使用事件监听器

你可以为表单的submit事件添加一个事件监听器，通过这个监听器来判断表单是否被提交。

document.getElementById('myForm').addEventListener('submit', function(event) {
    // 阻止表单默认提交行为
    event.preventDefault();
    
    // 在这里执行你的逻辑
    console.log('表单已提交');
    
    // 如果你想手动提交表单，可以使用以下代码：
    // this.submit();
});

方法二：检查表单的提交状态

你可以在表单提交后检查表单元素的某些属性，例如form.submitted（在某些框架中可用），或者通过自定义属性来标记表单的提交状态。

<form id="myForm" onsubmit="markAsSubmitted(this)">
    <!-- 表单内容 -->
</form>

<script>
function markAsSubmitted(form) {
    form.isSubmitted = true;
    console.log('表单已提交');
}
</script>

方法三：使用全局变量

你可以设置一个全局变量来跟踪表单的提交状态。

let isFormSubmitted = false;

document.getElementById('myForm').addEventListener('submit', function(event) {
    event.preventDefault();
    isFormSubmitted = true;
    console.log('表单已提交');
});