从模式引导程序提交表单

Question

I have a form that lunchs a modal for confirmation before submitting, this modal has the submit button and is not inside the <form> , is working everywhere besides IE, in IE it just doesnt do anything.

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

In the modal this is the submit button

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

Tried to add a hidden submit button in the form as suggestted in other post but didnt work.

Answer 1

The form attribute does not supported by IE or Edge. So, you should handle click action and submit your form manually to support cross browser.

You also needs to add a hidden submit button in your form if you want end user submit form when press enter on input fields..

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

edit: Overview of Browsers supporting form-attribute 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>