Is there a solution to change the post-submission behavior of a sign up form without backend support? [closed]Looking for script that changes form div upon form submission without refreshing pageRails 3. Change redirection upon form submissionPrevent form redirect after submit without ajaxPreventing Duplicate Form Submissions Without JSSend input values to redirect page after form submission in HTML page without JavascriptBootstrap Modal not displaying on form submitHTML submission form without the use of back-end scriptsChanging A Contact Form Based On A Cookie Or (Other Solution)?Change the behavior of html subscription form submit buttonHow can I have a form submission open a new website and sign in to that site?

Why error propagation in CBC mode encryption affect two blocks?

How many birds in the bush?

Redacting URLs as an email-phishing preventative?

What stops you from using fixed income in developing countries?

How many lines of code does the original TeX contain?

Semantic difference between regular and irregular 'backen'

Is one hour layover sufficient at Singapore Changi Airport (Indian citizen travelling from US to India)?

Billiard balls collision

How to check whether a sublist exist in a huge database lists in a fast way?

Did Dr. Hannibal Lecter like Clarice or attracted towards her?

When, exactly, does the Rogue Scout get to use their Skirmisher ability?

Disk usage of integer column vs boolean column in Postgres

Anyone else seeing white rings in the Undead parish?

Do clerics commit a sin if they do not recite the liturgy of the hours?

Cooking Scrambled Eggs

Subsetting single raster from raster list using ArcPy?

Why does a sticker slowly peel off, but if it is pulled quickly it tears?

How does the OS tell whether an "Address is already in use"?

To what extent are we obligated to continue to procreate beyond having two kids?

using resizegather inside tabular: how to remove extra vertical space above and below the equation?

Can Orcus use Multiattack with any melee weapon?

Rent contract say that pets are not allowed. Possible repercussions if bringing the pet anyway?

How would a low-tech device be able to alert its user?

Is first Ubuntu user root?



Is there a solution to change the post-submission behavior of a sign up form without backend support? [closed]


Looking for script that changes form div upon form submission without refreshing pageRails 3. Change redirection upon form submissionPrevent form redirect after submit without ajaxPreventing Duplicate Form Submissions Without JSSend input values to redirect page after form submission in HTML page without JavascriptBootstrap Modal not displaying on form submitHTML submission form without the use of back-end scriptsChanging A Contact Form Based On A Cookie Or (Other Solution)?Change the behavior of html subscription form submit buttonHow can I have a form submission open a new website and sign in to that site?






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








-4















  • The form action link is redirecting users to a 'Thank You' page but I want to show the thank you message on the email sign up modal itself after submitting. I have no support to know the details about the back-end language.

  • Since the submission page is a different domain we are getting CORS error so we need API document for that.

    • I am working on this site. https://www.steamboat.com/email/email-signup

    • Currently, they are landing the users on a thank you after submitting the form, I am creating a modal and want the users to see the thank message on the modal itself.










share|improve this question
















closed as unclear what you're asking by j08691, Sebastian Simon, Jean-François Fabre Mar 27 at 20:12


Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.



















  • This depends hugely on what you are able to do and how the backend processes the form. But if you can write your own jQuery code, you could easily just send the form using AJAX and capture the response, then show that in the modal. No need to change the action link. In fact, changing the action link would probably break the form.

    – Tatu Ulmanen
    Mar 27 at 19:52











  • Please show some example of what you're trying to do, and clarify what language you're working in, etc

    – jhaagsma
    Mar 27 at 19:56











  • @TatuUlmanen is it possible for you to explain your solution in detail?

    – Shailee Sheth
    Mar 27 at 19:59











  • @jhaagsma you can check steamboat.com/email/email-signup. But I am displaying an email sign up modal and I have absolutely no back-end support to make sure the users cannot be redirected to the existing thank you page. I can work on jQuery, do you have a solution in some other language?

    – Shailee Sheth
    Mar 27 at 20:07











  • @TatuUlmanen Since the submission page is a different domain we are getting CORS error so we need API document for that

    – Shailee Sheth
    Mar 27 at 20:23

















-4















  • The form action link is redirecting users to a 'Thank You' page but I want to show the thank you message on the email sign up modal itself after submitting. I have no support to know the details about the back-end language.

  • Since the submission page is a different domain we are getting CORS error so we need API document for that.

    • I am working on this site. https://www.steamboat.com/email/email-signup

    • Currently, they are landing the users on a thank you after submitting the form, I am creating a modal and want the users to see the thank message on the modal itself.










share|improve this question
















closed as unclear what you're asking by j08691, Sebastian Simon, Jean-François Fabre Mar 27 at 20:12


Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.



















  • This depends hugely on what you are able to do and how the backend processes the form. But if you can write your own jQuery code, you could easily just send the form using AJAX and capture the response, then show that in the modal. No need to change the action link. In fact, changing the action link would probably break the form.

    – Tatu Ulmanen
    Mar 27 at 19:52











  • Please show some example of what you're trying to do, and clarify what language you're working in, etc

    – jhaagsma
    Mar 27 at 19:56











  • @TatuUlmanen is it possible for you to explain your solution in detail?

    – Shailee Sheth
    Mar 27 at 19:59











  • @jhaagsma you can check steamboat.com/email/email-signup. But I am displaying an email sign up modal and I have absolutely no back-end support to make sure the users cannot be redirected to the existing thank you page. I can work on jQuery, do you have a solution in some other language?

    – Shailee Sheth
    Mar 27 at 20:07











  • @TatuUlmanen Since the submission page is a different domain we are getting CORS error so we need API document for that

    – Shailee Sheth
    Mar 27 at 20:23













-4












-4








-4








  • The form action link is redirecting users to a 'Thank You' page but I want to show the thank you message on the email sign up modal itself after submitting. I have no support to know the details about the back-end language.

  • Since the submission page is a different domain we are getting CORS error so we need API document for that.

    • I am working on this site. https://www.steamboat.com/email/email-signup

    • Currently, they are landing the users on a thank you after submitting the form, I am creating a modal and want the users to see the thank message on the modal itself.










share|improve this question
















  • The form action link is redirecting users to a 'Thank You' page but I want to show the thank you message on the email sign up modal itself after submitting. I have no support to know the details about the back-end language.

  • Since the submission page is a different domain we are getting CORS error so we need API document for that.

    • I am working on this site. https://www.steamboat.com/email/email-signup

    • Currently, they are landing the users on a thank you after submitting the form, I am creating a modal and want the users to see the thank message on the modal itself.







javascript jquery forms backend






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Mar 27 at 20:42







Shailee Sheth

















asked Mar 27 at 19:49









Shailee ShethShailee Sheth

63 bronze badges




63 bronze badges





closed as unclear what you're asking by j08691, Sebastian Simon, Jean-François Fabre Mar 27 at 20:12


Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.











closed as unclear what you're asking by j08691, Sebastian Simon, Jean-François Fabre Mar 27 at 20:12


Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.









closed as unclear what you're asking by j08691, Sebastian Simon, Jean-François Fabre Mar 27 at 20:12


Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.














  • This depends hugely on what you are able to do and how the backend processes the form. But if you can write your own jQuery code, you could easily just send the form using AJAX and capture the response, then show that in the modal. No need to change the action link. In fact, changing the action link would probably break the form.

    – Tatu Ulmanen
    Mar 27 at 19:52











  • Please show some example of what you're trying to do, and clarify what language you're working in, etc

    – jhaagsma
    Mar 27 at 19:56











  • @TatuUlmanen is it possible for you to explain your solution in detail?

    – Shailee Sheth
    Mar 27 at 19:59











  • @jhaagsma you can check steamboat.com/email/email-signup. But I am displaying an email sign up modal and I have absolutely no back-end support to make sure the users cannot be redirected to the existing thank you page. I can work on jQuery, do you have a solution in some other language?

    – Shailee Sheth
    Mar 27 at 20:07











  • @TatuUlmanen Since the submission page is a different domain we are getting CORS error so we need API document for that

    – Shailee Sheth
    Mar 27 at 20:23

















  • This depends hugely on what you are able to do and how the backend processes the form. But if you can write your own jQuery code, you could easily just send the form using AJAX and capture the response, then show that in the modal. No need to change the action link. In fact, changing the action link would probably break the form.

    – Tatu Ulmanen
    Mar 27 at 19:52











  • Please show some example of what you're trying to do, and clarify what language you're working in, etc

    – jhaagsma
    Mar 27 at 19:56











  • @TatuUlmanen is it possible for you to explain your solution in detail?

    – Shailee Sheth
    Mar 27 at 19:59











  • @jhaagsma you can check steamboat.com/email/email-signup. But I am displaying an email sign up modal and I have absolutely no back-end support to make sure the users cannot be redirected to the existing thank you page. I can work on jQuery, do you have a solution in some other language?

    – Shailee Sheth
    Mar 27 at 20:07











  • @TatuUlmanen Since the submission page is a different domain we are getting CORS error so we need API document for that

    – Shailee Sheth
    Mar 27 at 20:23
















This depends hugely on what you are able to do and how the backend processes the form. But if you can write your own jQuery code, you could easily just send the form using AJAX and capture the response, then show that in the modal. No need to change the action link. In fact, changing the action link would probably break the form.

– Tatu Ulmanen
Mar 27 at 19:52





This depends hugely on what you are able to do and how the backend processes the form. But if you can write your own jQuery code, you could easily just send the form using AJAX and capture the response, then show that in the modal. No need to change the action link. In fact, changing the action link would probably break the form.

– Tatu Ulmanen
Mar 27 at 19:52













Please show some example of what you're trying to do, and clarify what language you're working in, etc

– jhaagsma
Mar 27 at 19:56





Please show some example of what you're trying to do, and clarify what language you're working in, etc

– jhaagsma
Mar 27 at 19:56













@TatuUlmanen is it possible for you to explain your solution in detail?

– Shailee Sheth
Mar 27 at 19:59





@TatuUlmanen is it possible for you to explain your solution in detail?

– Shailee Sheth
Mar 27 at 19:59













@jhaagsma you can check steamboat.com/email/email-signup. But I am displaying an email sign up modal and I have absolutely no back-end support to make sure the users cannot be redirected to the existing thank you page. I can work on jQuery, do you have a solution in some other language?

– Shailee Sheth
Mar 27 at 20:07





@jhaagsma you can check steamboat.com/email/email-signup. But I am displaying an email sign up modal and I have absolutely no back-end support to make sure the users cannot be redirected to the existing thank you page. I can work on jQuery, do you have a solution in some other language?

– Shailee Sheth
Mar 27 at 20:07













@TatuUlmanen Since the submission page is a different domain we are getting CORS error so we need API document for that

– Shailee Sheth
Mar 27 at 20:23





@TatuUlmanen Since the submission page is a different domain we are getting CORS error so we need API document for that

– Shailee Sheth
Mar 27 at 20:23












1 Answer
1






active

oldest

votes


















-1















You could use action="javascript:void(0)" and then handle your form data submission with Ajax instead of redirecting to a Thank you page.



For example:






$("form").submit( 

function()
//Send data with Ajax to the backend using $.ajax() function and then on the callBack function do something with your html e.g.

$("form").fadeOut(function()
$(".response").fadeIn();
);

);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<form action="javascript:void(0)">
<input type="text" name="userName">
<input type="text" name="password">
<input type="submit">
</form>
<div class="response" style="display:none">
Thank you!!
</div>
</div>








share|improve this answer



























  • Since the submission page is a different domain we are getting CORS error so we need api document for that

    – Shailee Sheth
    Mar 27 at 20:17











  • Hmm ok, I just edited the answer with an example of handling the front-end... the CORS problem is most likely to be related to the back-end configuration... Can you give more explanation about your back-end, e.g. language or framework that you are using?

    – Adriano Marra
    Mar 27 at 20:25











  • I have no support to get any information about the back-end. All I have is the website steamboat.com/email/email-signup for which I need to run an A/B test, I need to create a modal without landing the users of thank you page.

    – Shailee Sheth
    Mar 27 at 20:31











  • First I have to understand your problem then... How are you generating this form? It seems to be generated by an external system giving its configuration, is it correct?! Or have you actually coded this form?

    – Adriano Marra
    Mar 27 at 20:39











  • This is the link of the modal I am working on steamboat.com/… Scroll till 1000px and you will get the modal on your screen

    – Shailee Sheth
    Mar 27 at 20:44















1 Answer
1






active

oldest

votes








1 Answer
1






active

oldest

votes









active

oldest

votes






active

oldest

votes









-1















You could use action="javascript:void(0)" and then handle your form data submission with Ajax instead of redirecting to a Thank you page.



For example:






$("form").submit( 

function()
//Send data with Ajax to the backend using $.ajax() function and then on the callBack function do something with your html e.g.

$("form").fadeOut(function()
$(".response").fadeIn();
);

);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<form action="javascript:void(0)">
<input type="text" name="userName">
<input type="text" name="password">
<input type="submit">
</form>
<div class="response" style="display:none">
Thank you!!
</div>
</div>








share|improve this answer



























  • Since the submission page is a different domain we are getting CORS error so we need api document for that

    – Shailee Sheth
    Mar 27 at 20:17











  • Hmm ok, I just edited the answer with an example of handling the front-end... the CORS problem is most likely to be related to the back-end configuration... Can you give more explanation about your back-end, e.g. language or framework that you are using?

    – Adriano Marra
    Mar 27 at 20:25











  • I have no support to get any information about the back-end. All I have is the website steamboat.com/email/email-signup for which I need to run an A/B test, I need to create a modal without landing the users of thank you page.

    – Shailee Sheth
    Mar 27 at 20:31











  • First I have to understand your problem then... How are you generating this form? It seems to be generated by an external system giving its configuration, is it correct?! Or have you actually coded this form?

    – Adriano Marra
    Mar 27 at 20:39











  • This is the link of the modal I am working on steamboat.com/… Scroll till 1000px and you will get the modal on your screen

    – Shailee Sheth
    Mar 27 at 20:44
















-1















You could use action="javascript:void(0)" and then handle your form data submission with Ajax instead of redirecting to a Thank you page.



For example:






$("form").submit( 

function()
//Send data with Ajax to the backend using $.ajax() function and then on the callBack function do something with your html e.g.

$("form").fadeOut(function()
$(".response").fadeIn();
);

);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<form action="javascript:void(0)">
<input type="text" name="userName">
<input type="text" name="password">
<input type="submit">
</form>
<div class="response" style="display:none">
Thank you!!
</div>
</div>








share|improve this answer



























  • Since the submission page is a different domain we are getting CORS error so we need api document for that

    – Shailee Sheth
    Mar 27 at 20:17











  • Hmm ok, I just edited the answer with an example of handling the front-end... the CORS problem is most likely to be related to the back-end configuration... Can you give more explanation about your back-end, e.g. language or framework that you are using?

    – Adriano Marra
    Mar 27 at 20:25











  • I have no support to get any information about the back-end. All I have is the website steamboat.com/email/email-signup for which I need to run an A/B test, I need to create a modal without landing the users of thank you page.

    – Shailee Sheth
    Mar 27 at 20:31











  • First I have to understand your problem then... How are you generating this form? It seems to be generated by an external system giving its configuration, is it correct?! Or have you actually coded this form?

    – Adriano Marra
    Mar 27 at 20:39











  • This is the link of the modal I am working on steamboat.com/… Scroll till 1000px and you will get the modal on your screen

    – Shailee Sheth
    Mar 27 at 20:44














-1














-1










-1









You could use action="javascript:void(0)" and then handle your form data submission with Ajax instead of redirecting to a Thank you page.



For example:






$("form").submit( 

function()
//Send data with Ajax to the backend using $.ajax() function and then on the callBack function do something with your html e.g.

$("form").fadeOut(function()
$(".response").fadeIn();
);

);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<form action="javascript:void(0)">
<input type="text" name="userName">
<input type="text" name="password">
<input type="submit">
</form>
<div class="response" style="display:none">
Thank you!!
</div>
</div>








share|improve this answer















You could use action="javascript:void(0)" and then handle your form data submission with Ajax instead of redirecting to a Thank you page.



For example:






$("form").submit( 

function()
//Send data with Ajax to the backend using $.ajax() function and then on the callBack function do something with your html e.g.

$("form").fadeOut(function()
$(".response").fadeIn();
);

);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<form action="javascript:void(0)">
<input type="text" name="userName">
<input type="text" name="password">
<input type="submit">
</form>
<div class="response" style="display:none">
Thank you!!
</div>
</div>








$("form").submit( 

function()
//Send data with Ajax to the backend using $.ajax() function and then on the callBack function do something with your html e.g.

$("form").fadeOut(function()
$(".response").fadeIn();
);

);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<form action="javascript:void(0)">
<input type="text" name="userName">
<input type="text" name="password">
<input type="submit">
</form>
<div class="response" style="display:none">
Thank you!!
</div>
</div>





$("form").submit( 

function()
//Send data with Ajax to the backend using $.ajax() function and then on the callBack function do something with your html e.g.

$("form").fadeOut(function()
$(".response").fadeIn();
);

);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<form action="javascript:void(0)">
<input type="text" name="userName">
<input type="text" name="password">
<input type="submit">
</form>
<div class="response" style="display:none">
Thank you!!
</div>
</div>






share|improve this answer














share|improve this answer



share|improve this answer








edited Mar 29 at 22:01

























answered Mar 27 at 20:00









Adriano MarraAdriano Marra

1196 bronze badges




1196 bronze badges















  • Since the submission page is a different domain we are getting CORS error so we need api document for that

    – Shailee Sheth
    Mar 27 at 20:17











  • Hmm ok, I just edited the answer with an example of handling the front-end... the CORS problem is most likely to be related to the back-end configuration... Can you give more explanation about your back-end, e.g. language or framework that you are using?

    – Adriano Marra
    Mar 27 at 20:25











  • I have no support to get any information about the back-end. All I have is the website steamboat.com/email/email-signup for which I need to run an A/B test, I need to create a modal without landing the users of thank you page.

    – Shailee Sheth
    Mar 27 at 20:31











  • First I have to understand your problem then... How are you generating this form? It seems to be generated by an external system giving its configuration, is it correct?! Or have you actually coded this form?

    – Adriano Marra
    Mar 27 at 20:39











  • This is the link of the modal I am working on steamboat.com/… Scroll till 1000px and you will get the modal on your screen

    – Shailee Sheth
    Mar 27 at 20:44


















  • Since the submission page is a different domain we are getting CORS error so we need api document for that

    – Shailee Sheth
    Mar 27 at 20:17











  • Hmm ok, I just edited the answer with an example of handling the front-end... the CORS problem is most likely to be related to the back-end configuration... Can you give more explanation about your back-end, e.g. language or framework that you are using?

    – Adriano Marra
    Mar 27 at 20:25











  • I have no support to get any information about the back-end. All I have is the website steamboat.com/email/email-signup for which I need to run an A/B test, I need to create a modal without landing the users of thank you page.

    – Shailee Sheth
    Mar 27 at 20:31











  • First I have to understand your problem then... How are you generating this form? It seems to be generated by an external system giving its configuration, is it correct?! Or have you actually coded this form?

    – Adriano Marra
    Mar 27 at 20:39











  • This is the link of the modal I am working on steamboat.com/… Scroll till 1000px and you will get the modal on your screen

    – Shailee Sheth
    Mar 27 at 20:44

















Since the submission page is a different domain we are getting CORS error so we need api document for that

– Shailee Sheth
Mar 27 at 20:17





Since the submission page is a different domain we are getting CORS error so we need api document for that

– Shailee Sheth
Mar 27 at 20:17













Hmm ok, I just edited the answer with an example of handling the front-end... the CORS problem is most likely to be related to the back-end configuration... Can you give more explanation about your back-end, e.g. language or framework that you are using?

– Adriano Marra
Mar 27 at 20:25





Hmm ok, I just edited the answer with an example of handling the front-end... the CORS problem is most likely to be related to the back-end configuration... Can you give more explanation about your back-end, e.g. language or framework that you are using?

– Adriano Marra
Mar 27 at 20:25













I have no support to get any information about the back-end. All I have is the website steamboat.com/email/email-signup for which I need to run an A/B test, I need to create a modal without landing the users of thank you page.

– Shailee Sheth
Mar 27 at 20:31





I have no support to get any information about the back-end. All I have is the website steamboat.com/email/email-signup for which I need to run an A/B test, I need to create a modal without landing the users of thank you page.

– Shailee Sheth
Mar 27 at 20:31













First I have to understand your problem then... How are you generating this form? It seems to be generated by an external system giving its configuration, is it correct?! Or have you actually coded this form?

– Adriano Marra
Mar 27 at 20:39





First I have to understand your problem then... How are you generating this form? It seems to be generated by an external system giving its configuration, is it correct?! Or have you actually coded this form?

– Adriano Marra
Mar 27 at 20:39













This is the link of the modal I am working on steamboat.com/… Scroll till 1000px and you will get the modal on your screen

– Shailee Sheth
Mar 27 at 20:44






This is the link of the modal I am working on steamboat.com/… Scroll till 1000px and you will get the modal on your screen

– Shailee Sheth
Mar 27 at 20:44









Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.







Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.





Popular posts from this blog

Kamusi Yaliyomo Aina za kamusi | Muundo wa kamusi | Faida za kamusi | Dhima ya picha katika kamusi | Marejeo | Tazama pia | Viungo vya nje | UrambazajiKuhusu kamusiGo-SwahiliWiki-KamusiKamusi ya Kiswahili na Kiingerezakuihariri na kuongeza habari

Swift 4 - func physicsWorld not invoked on collision? The Next CEO of Stack OverflowHow to call Objective-C code from Swift#ifdef replacement in the Swift language@selector() in Swift?#pragma mark in Swift?Swift for loop: for index, element in array?dispatch_after - GCD in Swift?Swift Beta performance: sorting arraysSplit a String into an array in Swift?The use of Swift 3 @objc inference in Swift 4 mode is deprecated?How to optimize UITableViewCell, because my UITableView lags

Access current req object everywhere in Node.js ExpressWhy are global variables considered bad practice? (node.js)Using req & res across functionsHow do I get the path to the current script with Node.js?What is Node.js' Connect, Express and “middleware”?Node.js w/ express error handling in callbackHow to access the GET parameters after “?” in Express?Modify Node.js req object parametersAccess “app” variable inside of ExpressJS/ConnectJS middleware?Node.js Express app - request objectAngular Http Module considered middleware?Session variables in ExpressJSAdd properties to the req object in expressjs with Typescript