从模态引导程序提交表单

Question

我有一个表单，它在提交前先确认一个模态，这个模态有提交按钮，不在<form>.

<form action="" id="form" name="form" > // start form

在模态中，这是提交按钮

<button id="btnSend" type="submit" form="form">OK</button> 

尝试按照其他帖子中的建议在表单中添加一个隐藏的提交按钮，但没有奏效。

Answer 1

formIE 或 Edge 不支持该属性。因此，您应该处理单击操作并手动提交表单以支持跨浏览器。

如果您希望最终用户在按下enter输入字段时提交表单，您还需要在表单中添加一个隐藏的提交按钮。

document.getElementById('btnSend')
    .addEventListner('click', function (event) {
        document.getElementById('form').submit();
    })
;

编辑：支持表单属性caniuse的浏览器概述