Solved

Cancel href via an onclick - or detect javascript based form submission

Posted on 2006-11-16
7
1,830 Views
Last Modified: 2012-06-27
I have a link generated by asp.net which submits my form

<a href="javascript:generatedfunction();">Click Me</a>

I wanted to be able to trigger an event on submit of the form.  However since the form is submitted via javascript I could not just add to the onSubmit of the form (did not seem to work), but I was able to insert my own function that triggers first in the onclick:

<a onclick="myfunction();" href="javascript:generatedfunction();">

This works.

But now what I want to do is to prevent the form submission based on a certain form element's value.  I know with a standard form submit you can simply return false in the onSubmit, but this does not work when the form is submitted via javascript as is the case with the generated function.

So my question is how/what code can I add to be able to prevent the form submission (i.e. the generated function) from firing in the specific situation?

Or is there another way to intercept the form submit event - even if it is triggered via javascript (i.e. document.formname.submit()) - and do the equivalent of a return false to cancel the submit
0
Comment
Question by:mrichmon
  • 4
  • 3
7 Comments
 
LVL 33

Accepted Solution

by:
knightEknight earned 500 total points
Comment Utility
return true from the onclick to submit the form, return false otherwise:

<a onclick="return myfunction();" href="javascript:generatedfunction();">


function myfuncion()
{
   if ( some condition )
       return true;
   else
      return false;
}
0
 
LVL 35

Author Comment

by:mrichmon
Comment Utility
I thought I tried that.

I'll try again...
0
 
LVL 35

Author Comment

by:mrichmon
Comment Utility
Okay I did try again - I put just "return false;" - no if clauses or anything - to guarantee it was returning false.

So my entire function looked like:

function myfunction()
{
   alert("here");
   return false;
}

The alert guarantees me the function was firing.  But it still fired the generated function next.
0
Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

 
LVL 33

Expert Comment

by:knightEknight
Comment Utility
of course, I mis-spelled the function name.  (gotta watch that!)
0
 
LVL 33

Expert Comment

by:knightEknight
Comment Utility
did you change the onclick to include the return clause?

onclick="return myfunction();"
0
 
LVL 35

Author Comment

by:mrichmon
Comment Utility
Oh I missed the return in the onclick both times.

That did the trick.

Thanks!
0
 
LVL 35

Author Comment

by:mrichmon
Comment Utility
Strangely enough if there is something that it doesn't like in the function it ignores the return false.

For example:

alert();

with no content.

oh well, good enough.

Thanks
0

Featured Post

Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

Join & Write a Comment

Suggested Solutions

When you need to keep track of a simple list of numbers or strings, the Array object is your most direct tool.  As we saw in my earlier EE Article (http://www.experts-exchange.com/A_3488.html), typical array handling might look like this: (CODE) B…
I've been trying to accomplish this for a while and it just struck me yesterday how to accomplish this task. I have done searches all over the internet looking for ways to email pages from my applications and finally I have done it!!! Every single s…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now