Solved

behaviors, HTC, and onSubmit

Posted on 2001-06-18
17
445 Views
Last Modified: 2008-02-07
Hello, I'm trying to write a HTML component that I can
attach a behaviour for the onSubmit event of a form.
 
ie, something like this:

--------------------------------------------------------

<COMPONENT>
<ATTACH EVENT="onsubmit" ONEVENT="ValidateData" />
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
  function ValidateData()
  {
  ... do some validation ...
  }
</SCRIPT>
</COMPONENT>

--------------------------------------------------------

...which is used in the following manner:

--------------------------------------------------------
<STYLE>
  .ValidationForm {behavior:url(ValidationForm.htc)}
</STYLE>
<HTML>
  <FORM CLASS="ValidationForm">
    Income: <INPUT TYPE="text" LENGTH=50 NAME="Income">
    <INPUT TYPE="submit" VALUE="Submit Form">  
  </FORM>
</HTML>
--------------------------------------------------------

Now the trouble is returning false from the ValidateData()
function doesn't seem to cancel the form submission like
it does if I was to do this the 'convential' way using
embedded (or otherwise) script (ie. <FORM onSubmit="return(ValidationForm());">) Is this a limitation, or am I doing something wrong?

Thanks for your help!

Craig
0
Comment
Question by:FancyPants
  • 7
  • 6
  • 2
  • +2
17 Comments
 
LVL 19

Expert Comment

by:DreamMaster
Comment Utility
You should call the function using return validateData()

That will make the return work...

Cheers,
Max.
0
 

Author Comment

by:FancyPants
Comment Utility
Thanks Max, I've already tried that with no success.
0
 

Author Comment

by:FancyPants
Comment Utility
Thanks Max, I've already tried that with no success.
0
 
LVL 19

Expert Comment

by:DreamMaster
Comment Utility
So this

<COMPONENT>
<ATTACH EVENT="onsubmit" ONEVENT="ValidateData" />
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
 function ValidateData()
 {
 ... do some validation ...
 }
</SCRIPT>
</COMPONENT>

would become

<COMPONENT>
<ATTACH EVENT="onsubmit" ONEVENT="return ValidateData" />
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
 function ValidateData()
 {
 ... do some validation ...
 }
</SCRIPT>
</COMPONENT>

Cheers,
Max.
0
 
LVL 19

Expert Comment

by:DreamMaster
Comment Utility
In that case please show me the code you have tried...

Max.
0
 

Author Comment

by:FancyPants
Comment Utility
Well, if you were just to put a return(false); in the
body of the validateData function of the above code you will notice that the form is still submitted.

Thanks,
Craig.
0
 
LVL 19

Expert Comment

by:DreamMaster
Comment Utility
Yes...but you need both....return false in the body and the return ValidateData did you do that?

Max.
0
 

Author Comment

by:FancyPants
Comment Utility
Yep, have tried both.. have tried all different combinations I can think of.. still no joy.

Thanks,
Craig.
0
What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

 
LVL 19

Expert Comment

by:DreamMaster
Comment Utility
Have never heared of this being a limitation.....there must be something that is going wrong...

Max.
0
 

Author Comment

by:FancyPants
Comment Utility
Yes, I know, hence my question :) Even if you just put
a return(false); statement in the event handler the form
is still submitted.

Thanks for your help,
Craig.
0
 
LVL 19

Expert Comment

by:DreamMaster
Comment Utility
I will look up some more information in the morning need to sleep now....

Max.
0
 
LVL 19

Expert Comment

by:DreamMaster
Comment Utility
Probably the best thing I could tell you to do now..is to create a seperate function that will submit the form...this event will only be triggered when the function gets to that part if not you will simply return to the page as you were...

Max.
0
 
LVL 2

Expert Comment

by:ZhongYu
Comment Utility
You should use

event.returnVlaue = false;

BTW, I would use:
<attach event="onsubmit" handler="ValidateData"/>
If yours work too, it seems there are so many valid syntaxes.
0
 
LVL 19

Expert Comment

by:webwoman
Comment Utility
Take out the component and attach tags, see if it works then. If so, then it's because of the way you're using the javascript, NOT because the javascript itself is wrong.

I suspect that might be the case. Not sure though, but it would make sense.
0
 
LVL 2

Accepted Solution

by:
ZhongYu earned 300 total points
Comment Utility
Sorry for typo, should be:

event.returnValue = false;
0
 

Author Comment

by:FancyPants
Comment Utility
Exactly what I needed... Thanks ZhongYu.

Craig.
0
 

Expert Comment

by:backdraf
Comment Utility
<public:component>
<public:attach event="onsubmit" onevent="fnValidate()" />
    <script language="vbscript">
          function fnValidate()
               if element.document.all.txtTest.value = "" then
                    window.event.cancelbubble = true
                    window.event.returnvalue = false
               end if
          end function
    </script>
</public:component>
0

Featured Post

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.

Join & Write a Comment

Suggested Solutions

Popularity Can Be Measured Sometimes we deal with questions of popularity, and we need a way to collect opinions from our clients.  This article shows a simple teaching example of how we might elect a favorite color by letting our clients vote for …
Using SQL Scripts we can save all the SQL queries as files that we use very frequently on our database later point of time. This is one of the feature present under SQL Workshop in Oracle Application Express.
Viewers will get an overview of the benefits and risks of using Bitcoin to accept payments. What Bitcoin is: Legality: Risks: Benefits: Which businesses are best suited?: Other things you should know: How to get started:
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…

763 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

9 Experts available now in Live!

Get 1:1 Help Now