Cancel Submit, Return to Form 2

Fris · Sep 5, 2003

Greetings!

I want to allow users to back out of submitting their form. I have included the following script

f.submit();
return confirm('Submit form?');

This works BUT if the CANCEL button is clicked, the form is submitted anyway. What am I missing?

Thanks!
Christine

jsobo · Sep 5, 2003

you should put the return confirm('Submit form?');

in the onsubmit event of your form...

<form onsubmit='return(confirm("Submit form?&quot

;' ...

That should work...

Fris · Sep 5, 2003

At first glance, that seemed simple enough, however, when this form is submitted, the contents are emailed, using this code:

<form action="

http://www.MyCompany.com/email.asp"

method="post" onSubmit="Validate();" id="form1" name="form1">
<input type="hidden" name="fcount" value="24"><input type="hidden" name="thanksurl" value="

http://www.MyCompany.net/MI/thankyou.html"><input

type="hidden" name="recipient" value="cshel@MyCompany.com">

The submit statement is at the end of a lengthy validation process. How do I incorporate your suggestion into this?

I DO have the following for the Submit button:

<input type="Submit" name = "Submit" value="Request Written Proposal" >

Thanks again!

jsobo · Sep 5, 2003

show your validate function... if this doesn't work

but you should change your onsubmit to be...

onSubmit="return Validate();"

make sure your Validate function returns false if you don't want the page to sumbit... good luck

Fris · Sep 8, 2003

Thank you for your help with this. I think I just about have it! I am now prompted with a box with OK/Cancel buttons. When Cancel is clicked, another box pops up that simply says "false" and contains OK/Cancel buttons. When Cancel is clicked, I'm returned to the form. Great! But, how to eliminate the "false" box.

The code is:

return confirm('Are you sure you want to submit this form?');
return false;

Thanks again in advance!

Fris · Sep 10, 2003

I continue to have difficulty with this step and I'm sure there's a way to do it. If at all possible, I don't want the user of this form to see anything other than the box "Submit Form?". Here is part of my code, maybe someone could take a look and tell me where I need to put "return confirm" and the alert "Submit Form?" I've taken out the "return confirm" statment and alert, since no matter where I put them, I can't get it to work. I have tried:

onSubmit= return(confirm(Validate()));, but then I get a box that says "object undefined".

function Validate()
{
f = document.form1

if ( f.FName.value == "&quot

{
alert('Please enter your First Name.')
event.returnValue=false;
return;
More validation goes here then:
{
f.submit();
}
}
// done hiding code-->
</script>
</HEAD>
<BODY>
<TR>
<form action="

http://www.MyCompany.com/email.asp"

method="post" onSubmit=Validate(); id="form1" name="form1">
<input type="hidden" name="fcount" value="24"><input type="hidden" name="thanksurl" value="

http://www.MyCompany.com/MI/thankyou.html"><input

type="hidden" name="recipient" value="cs@MyCompany.com">
<input type="hidden" name="subject" value="Name of Form">
</TR>

Lots more code, then:

<TD> <input type="Submit" name = "Submit" value="Request Written Proposal" >

Thanks again in advance for your time and efforts.

Christine

jsobo · Sep 10, 2003

forget the event.returnValue=false;

change to onsubmit='return validate()'

and then just return false from your validate function if your validation fails

Fris · Sep 10, 2003

Okay...I got rid of the event.returnValue=false and replaced with return false

I revised to: onSubmit='return Validate()'

Now when I click the Submit button, the validations work, but then the form gets sent.

How do I make it stop and ask: "Submit Form?".

jsobo · Sep 10, 2003

Look I have no clue what you have messed up... but here is a working simple example...
--------------------------------------------------------

<html>
<head>
<script>
function validate(ths){
if (ths.silly.value.toLowerCase() != "no&quot

{
alert("I said NO!!!!&quot

;
return false;
}
}
</script>
</head>
<body>
<form method='get' onsubmit='return validate(this)'>
type no in the box
<input type='text' name='silly'>
<BR><BR>
<input type='submit'>
</forM>

</form>
</body>
</html>

jsobo · Sep 10, 2003

one more example
---------------------------------
<html>
<head>
<script>
function validate(){
return confirm("Are you sure you want to submit?&quot

}
</script>
</head>
<body>
<form method='get' onsubmit='return validate()'>
<input type='hidden' name='stuffForQuerystring' value='asdlfjalskdflaskjdfkasdf'>
Click the submit button
<input type='submit'>
</forM>

</form>
</body>
</html>

Fris · Sep 11, 2003

Good morning, jsobo!

Thank you so much for your patience with me on this. I finally got it to work. Everything you told me to do, I had done, so I deleted all validation except for the "Submit Form?" code. I added it back a piece at time and found out it was some mis-coding in the validation of the email. All is now well! Thank you again for sticking with me!

Christine

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Cancel Submit, Return to Form 2

Fris

Programmer

jsobo

Programmer

Fris

Programmer

jsobo

Programmer

Fris

Programmer

Fris

Programmer

jsobo

Programmer

Fris

Programmer

jsobo

Programmer

jsobo

Programmer

Fris

Programmer

Similar threads

Part and Inventory Search

Sponsor