How to close browser window after form submission is complete?

Question

I have old file that has been changed. One of the requests for this file/project modification is when user clicks OK to submit the form and close the current browser window. I'm wondering if this can be achieved with plain/vanilla JavaScript? So I have form and button:

<form name="test" id="test" action="/save_form.cfm">
   <input type="submit" value="OK">
</form>

just call `window.close()` on submit – bamtheboozle Apr 04 '19 at 15:42 — bamtheboozle, Apr 04 '19 at 15:42

FloWy · Answer 1 · 2019-04-04T15:46:15.993

0

You can simply use:

window.close();

You can type it in your input tag or make a new script tag with that code in it, whenever a button is clicked.

For example

<input type="submit" value="OK" onclick="closeWindow();">

In addition, you can add return false to 'onclick' to prevent the default actions.

edited Apr 04 '19 at 15:46

answered Apr 04 '19 at 15:44

FloWy

934
6
14

This will only work if the window was opened with JS, isn't it? – dporechny Apr 04 '19 at 15:45
Yes! You cannot close any window that wasn't opened with JS. – FloWy Apr 04 '19 at 15:46

score 0 · Answer 2 · answered Apr 04 '19 at 15:46

0

Yes, JavaScript can close the current window, but bare in mind that if the browser has other tabs open, the browser won't close.

var closeBtn = document.querySelector("#test input");

closeBtn.addEventListener("click", ()=>{
    window.close()
})

answered Apr 04 '19 at 15:46

Ahmed Hammad

2,798
4
18
35

So what if submit fails? Or server side validation fails? – charlietfl Apr 04 '19 at 15:49
@charlietfl What makes you assume there will be a server side validation? – Ahmed Hammad Apr 04 '19 at 15:57
Best practices would suggest that. You can't blindly trust user input. Even if there isn't validation there can be network errors, back end issues etc – charlietfl Apr 04 '19 at 15:58

score 0 · Answer 3 · answered Apr 04 '19 at 15:46

0

you can use onSubmit event as shown here to call a function and then when its done use window.close() to close the window.

answered Apr 04 '19 at 15:46

mog13

81
3

score 0 · Answer 4 · answered Apr 04 '19 at 15:47

0

window.close();

However you can't just close any window. It only works if it's one that you opened yourself. (security feature).

This was already answered in detail here:

answered Apr 04 '19 at 15:47

Joao Oliveira Rocha

158
1
9

charlietfl · Answer 5 · 2019-04-04T15:54:23.087

0

Assuming the window was opened using window.open() , have your save-form.cfm return a basic html page with script tag to close window when submit and validation is succesfaul

<html>

<body>
  <script>window.close()</script>
  <p>Window should close automatically</p>
</body>

</html>

edited Apr 04 '19 at 15:54

answered Apr 04 '19 at 15:48

charlietfl

170,828
13
121
150

How to close browser window after form submission is complete?

5 Answers5