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

I have a link generated by 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
LVL 35
Who is Participating?

Improve company productivity with a Business Account.Sign Up

knightEknightConnect With a Mentor Commented:
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;
      return false;
mrichmonAuthor Commented:
I thought I tried that.

I'll try again...
mrichmonAuthor Commented:
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()
   return false;

The alert guarantees me the function was firing.  But it still fired the generated function next.
Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

of course, I mis-spelled the function name.  (gotta watch that!)
did you change the onclick to include the return clause?

onclick="return myfunction();"
mrichmonAuthor Commented:
Oh I missed the return in the onclick both times.

That did the trick.

mrichmonAuthor Commented:
Strangely enough if there is something that it doesn't like in the function it ignores the return false.

For example:


with no content.

oh well, good enough.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.