How to get an alert box after submiting a form

This site is best viewed in a modern browser with JavaScript enabled.

How to get an alert box after submiting a form

cocotu

At our website: chatwincompany.com
we want to have an alert window e.g "Thanks for Subscribing"
instead of having a new window coming from the 'insert.php' script. I tried may ways and I know this should be simple, but I'm a newbie at JavaScript. Below is the current code:

Thanks in advance....

aihazm_yahoo_co

form onsubmit="yourJavacrit();"

cocotu

you mean this way?:
<form action="insert.php" onsubmit="myJavaScript()" enctype="multipart/form-data" id="form" method="post">

thanks

aihazm_yahoo_co

<form action="insert.php" onsubmit="alert('Thanks for Subscribing');" enctype="multipart/form-data" id="form" method="post">

and if needed redirection continue with onsubmit="alert('Thanks for Subscribing'); document.location.href='http://new location';"

cocotu

hey...sorry it took me long to respond i was away. it still redirects me to the insert.php page. this is my current code:

<form action="insert.php" onsubmit="alert('Thanks for Subscribing');" enctype="multipart/form-data" id="form" method="post">
                                <div class="form"><img src="images/form_title_test.gif" alt="" /><br />
                                <div class="div_input"><input name="email" type="text" class="input_1" value="Enter email" /></div>
                                <!--<a href="#" onclick="document.getElementById('form').submit()"><img src="images/link_subscribe_test.gif" alt="Subscribe" /></a>-
->Press Enter

how can i just have the alert window without redirecting anywhere. and if i do this will the insert.php still work? thanks...

criterion9

The PHP will still need to process the form (requiring a refresh) unless you want to post the data using AJAX. The best practice is to provide a server-side solution and then using AJAX if available to provide a smoother more user-friendly solution.

cocotu

thanks...so what is the best way to accomplish this criterion9? i would like to have something more user friendly. AJAX? can you point me to the right direction? what changes should i make? thanks...

criterion9

Here are some AJAX form links:
http://www.captain.at/howto-ajax-form-post-get.php
http://www.tizag.com/ajaxTutorial/ajaxform.php

The best solution is to build a working version without AJAX and then write the javascript portion to interrupt the form and inject itself if possible. This way the form will still work if for example the user is on a mobile phone or has javascript disabled for some reason.

cocotu

i like those links criterion9...thanks! i going to experiment and see what happens...thanks!

cocotu

i will work on that, but for now How can i make the confirmation page (insert.php) a pop-up window? i tried a few ways and doesn't seem to work for me....
thanks

criterion9

You won't be able to make it a popup as far as I know unless your form is on a different page and you set the target attribute to "_blank" on your form (but I'm not sure that will work in most situations or any at all in fact). This is not a good idea though and you should really look at just using the same page to do what you need (in this case tell the user the form submitted successfully). Once you get that working you can use AJAX to create a "popup" div that appears instead of a page refresh.

cocotu

you should really look at just using the same page to do what you need (in this case tell the user the form submitted successfully)

I have this working already: chatwincompany.com
if you fill out the newsletter form it will confirm the user, but it will take the user to the insert.php page and i wanted an alert box(which i can't still figure how to make work the way is supposed to).
How would you do that 'AJAX popup div'?
thanks...

criterion9

After you employ the Ajax from above use one of a number of "javascript popup div" scripts.

http://www.dynamic-tools.net/toolbox/popUp/
http://javascript.internet.com/miscellaneous/popup-div.html
http://www.javascripttoolbox.com/lib/popup/example.php

cocotu

criterion9...i appreciate your help. i have this alert window working, but how do i avoid being redirected to the insert.php page? as you can see at chatwincompany.com when the user subscribes to the newsletter you get the alert window, but then you are taken to the insert.php page!
i think this should be easy to take care, i just don't see the way. how can i stop from redirecting to the insert.php and if i do would the insert.php still do what is supposed to do? (insert emails in database?) thanks again....

criterion9

If you are using an onsubmit handler use the return value to cancel the submit. As in:

<form onsubmit="return yourFunction()">

Then you submit your form using AJAX as described above and make sure to return false in your function to prevent the browser from submitting it as well.