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();
    })
;

编辑：支持表单属性caniuse

的浏览器概述

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>

从模态引导程序提交表单

2 个答案: