How to do that when submitting a form within an iframe, the page that has iframe is redirected?

Question

I’m creating a page that works like this:

The person accesses a registration page, and within that page there is a iframe with the registration form. When a person clicks inside the iframe in register it redirects to another page I created. Only the new page appears inside the iframe, and I want the page that contains the iframe be redirected to sucesso.html.

I’ve tried using something like target="":

<form id="form1" target="_self" method="post" action="concluido.php">

But it went on the same way.

How to have the window redirected rather than the contents of the iframe?

Answer 1

If you want to open a new page, you can put an instruction on your page contained in the iframe so that when you finish receiving PHP it makes a js call:

<script>
    window.open("suaPagina.php");
</script>

If you want to update the page to the form Ubmit you can do so:

<form action="login.php" method="post" target="_blank"></form>

Refatorando here: If you want Parent(parent page) to be fully updated after Submit, you can do it in php by adding a head after post manipulation:

<?php    
    header('Localização: suaPagina.php');    
?>

Can do writing a js after handling:

<script>
    window.location = "suaPagina.php";

</script>

Or you can use the form tag by submitting the entire screen:

<form action="login.php" method="post" target="_parent"></form>

Answer 2

You can use target="_parent" if you have a link that when clicked should open on the page that contains the iframe.

If you want to open one url specific on the page that contains the iframe you can use window.parent.location so, for example:

document.querySelector('a').addEventListener('click', function(e){
  e.preventDefault;
  window.parent-location = this.href;
});

Example online here