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;
- 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.
- I am working on this site. https://www.steamboat.com/email/email-signup
javascript jquery forms backend
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.
add a comment |
- 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.
- I am working on this site. https://www.steamboat.com/email/email-signup
javascript jquery forms backend
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
add a comment |
- 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.
- I am working on this site. https://www.steamboat.com/email/email-signup
javascript jquery forms backend
- 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.
- I am working on this site. https://www.steamboat.com/email/email-signup
javascript jquery forms backend
javascript jquery forms backend
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
add a comment |
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
add a comment |
1 Answer
1
active
oldest
votes
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>
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
|
show 6 more comments
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
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>
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
|
show 6 more comments
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>
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
|
show 6 more comments
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>
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>
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
|
show 6 more comments
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
|
show 6 more comments
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.
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