Yes, there are a few ways to handle form submissions and redirect the user to a different URL without it being detected as a pop-up.
Instead of redirecting the user using client-side JavaScript, you can handle the form submission on the server-side and send a redirect response. This way, the browser will process the redirect as a regular HTTP response, and it won't be detected as a pop-up.
1. Here is an example in php.
<?php
// Handle form submission and process data
// ...
// Redirect the user to a new URL
header("Location: http://example.com/redirected-page");
exit;
?>
You can use a hidden iframe to handle the form submission, and then set the target attribute of the form to the name of the iframe. This will cause the form to submit in the hidden iframe, and the user won't be redirected away from the current page.
2. Example in Hidden Iframe.
<iframe name="hidden-iframe" style="display:none;"></iframe>
<form action="submit-form.php" method="post" target="hidden-iframe">
<!-- Form fields here -->
<input type="submit" value="Submit">
</form>
You can use AJAX to handle the form submission and then redirect the user to a new URL in the success callback. This way, the form submission is done asynchronously, and the user won't be redirected away from the current page
3. Example in jQuery.
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("form").submit(function(e) {
e.preventDefault();
$.ajax({
url: "submit-form.php",
method: "POST",
data: $(this).serialize(),
success: function(response) {
// Redirect the user to a new URL
window.location.href = "http://example.com/redirected-page";
},
error: function(xhr, status, error) {
// Handle error if needed
}
});
});
});
</script>
All of these methods should allow you to redirect the user to a new URL after form submission without it being detected as a pop-up. You can verify your URL on any online tool such as https://redirectchecker.com/ to get detail redirection chain and status code.
I hope it help.
