如何通过JavaScript为表单添加onsubmit事件属性（onsubmit="submitted=true"）

你可以借助表单的id="contact_form"，在已有的<script>标签中添加代码来动态设置onsubmit属性。具体实现如下：

在现有<script>块里补充代码，获取表单元素后直接设置onsubmit属性值：

// 获取页面中的表单元素
const contactForm = document.getElementById('contact_form');
// 为表单添加onsubmit属性
contactForm.setAttribute('onsubmit', 'submitted=true');

修改后的完整代码如下：

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <script type="text/javascript">
        var submitted=false;     
        
        // 获取表单并设置onsubmit属性
        const contactForm = document.getElementById('contact_form');
        contactForm.setAttribute('onsubmit', 'submitted=true');
        </script>
        
    <iframe name="invisibleFrame" id="invisibleFrame" style="display:none;" onload="if(submitted)
            {window.location='Confirmation.html';}">
    </iframe>

<form action="https://link.com"  method="post"  target="invisibleFrame" id="contact_form" autocomplete="on">
        <label for="entry.164" class="phone" >phone</label><br>
        <input type="text" name="entry.1647992981" placeholder="phone" required><br>
        <label for="entry.1">name</label><br>
        <input type="text" name="entry.1" placeholder="name" required><br>
        <label for="entry.7">city</label><br>
        <input type="text" name="entry.7" placeholder="city" required><br><br>
        <button type="submit" class="order-button">submit</button>
</form>
</body>
</html>

完成上述修改后，用户点击提交按钮时，表单的onsubmit事件会触发，将submitted变量设为true，后续iframe加载完成后会自动跳转到Confirmation.html页面。

内容的提问来源于stack exchange，提问作者marokinoki