从模式引导程序提交表单

Question

我有一个表单，该表单在提交之前会经过一个午餐模式进行确认，该模式具有“提交”按钮，并且不在<form> ，除了IE之外，它都在其他地方工作，在IE中它什么都不做。

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

在模式中，这是提交按钮

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

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

Answer 1

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

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

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

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

Answer 2

 $(document).on('click', '#btnSend', function() { $('#form').submit(); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form action="" id="form" name="form" onSubmit="alert('submitted')"></form> <button id="btnSend" type="submit" form="form">OK</button>