Function to perform onSubmit - validation widget

Question

Ok, Ussually, when a form takes time to load the destination
page (event that I will call
form submission delay), the user tends to press again the
submit button. Every time the button is pressed, the information is
sent again. In spite of that the user will, of course only be sent
once to the page specified in the action attribute of the form. So,
the user may think he did right by pressing the button many times,
but we end up with multiple copies of the same information.
The solution I came up with, was to modify the validation
widget javascript file as follows:
function realizarAlRemitir()
if (!Spry.Widget.Form.onSubmit) {
Spry.Widget.Form.onSubmit = function(e, form)
if (Spry.Widget.Form.validate(form) == false) {
return false;
realizarAlRemitir()
return true;
I created a wildcard function "realizarAlRemitir()" to be
performed only when, having pressed the submit button, there is no
incorrect or empty required field to fill.
Then, in the html page containig the form, Iredefined the
"realizarAlRemitir()" function as follows:
<script language="JavaScript" type="text/javascript">
<!--
function realizarAlRemitir()
ratioGrow = 0.68;
Spry.Effect.GrowShrink('enviando', {duration:300, from:
'1px', to: '559px', toggle: true, growCenter:false});
Spry.Effect.AppearFade('enviando',
{duration:300,from:1,to:100,toggle:true});
// -->
</script>
This function "draws" using a modified spry effect a div tag
that effectively blocks the whole form so that the user cannot
modify the information or press again the submit button, while
giving her or him appropriate feedback that indicates that the
submission is being performed correctly.
This is the sample page:
http://192.168.10.2/nuevawebdesarrollo/eventos/conferencia.aspx?id=mbatc
Finnally, my question is whether or not there is a less
intrusive way to do such a thing, meaning, not having to touch the
javascript files code. I didn't find one, for instance, so will
some functionality like this be added to the framework? And,
lastly, once the framework is embedded inside Dreamweaver, will we
still be able to make such changes, without generating some trouble
that will cause the framework to stop working correctly with
dreamweaver.

Answer 1

Hello Marin,
Thanks a lot for your reply. I´m really sorry I made the
mistake of giving you our internal address. I'm used to just
copy/pasting it and sending the link to be reviewed. In spite of
that, you seem to have gotten the idea, perfectly fine, so thanks
again for making the effort to reply to a flawed question.
This is the public link, so It should work well for you:
http://www.esan.edu.pe/nuevawebdesarrollo/eventos/conferencia.aspx?id=mbatc
It's in spanish, but I don't think language matters to
understand how it works. Your solution is perfect, as it
effectively stops the user from pressing the submit button more
than once.
Still, the final part of my question holds. We are inserting
an event, after the submit button has been pressed and,
consequently, after we've got your javascript files running. So,
the only way to insert such an event is messing with the files. Or
can it be done with our own scripts? Will there be a less intrusive
way to do such a thing, meaning, not having to touch the javascript
code of your source files to add events or functionality? I didn't
find a way but that doesn't mean that there isn't one, right? I'm
worried that now that we have dreamweaver CS3, if anybody needs to
do such a thing, dreamweaver will no longer recognize the files and
it will look like in the preview window, that we didn't insert it,
even if it still works perfectly in the browser.
Thanks again,
DANTESAENZ