Help! Client-side validation problem

[Jim Brandley]

I have a required field with a client-side validator. It works as advertised
until I try to add code to block double submits and replace the image on
the submit button to give the users some feedback. I have localized the
problem to the definition of the form.onSubmit handler.

Without my blocker, it looks like:
onsubmit="Valid atorOnSubmit(); "

Since my javascript to block the double submit and change the image should
only run if client-side validation passes, I have to insert the
ValidatorOnSubm it call before my script is invoked, then dot net adds it
again at the end. So, it looks like:

onsubmit="if (FormSubmitted == true){return
false;};Validat orOnSubmit();Bl ockDoubleSubmit (SubmitButtonID );ValidatorOnSu b
mit();"

Looks like it should work, but now the client-side validation does not take
place at all. I am out of ideas. Is there another way to get a script
function invoked only if the client-side validation passes?

Any help would be much appreciated.

[Peter Blum]

Hi Jim,

If you are disabling the submit button in your BlockDoubleSubm it() function,
it is occuring before the form submits. The disabled button will not submit
the page. You have to delay disabling this button until after the form
submission occurs.

Please see this thread for a detailed discussion on this issue.
http://www.asp.net/Forums/ShowPost.a...&PostID=500836

--- Peter Blum
www.PeterBlum.com
Email: PL****@PeterBlu m.com
Creator of "Profession al Validation And More" at
http://www.peterblum.com/vam/home.aspx

"Jim Brandley" <Ji**********@I ntercim.com> wrote in message
news:OT******** ******@TK2MSFTN GP11.phx.gbl...

I have a required field with a client-side validator. It works as advertised until I try to add code to block double submits and replace the image on
the submit button to give the users some feedback. I have localized the
problem to the definition of the form.onSubmit handler.

Without my blocker, it looks like:
onsubmit="Valid atorOnSubmit(); "

Since my javascript to block the double submit and change the image should
only run if client-side validation passes, I have to insert the
ValidatorOnSubm it call before my script is invoked, then dot net adds it
again at the end. So, it looks like:

onsubmit="if (FormSubmitted == true){return
false;};Validat orOnSubmit();Bl ockDoubleSubmit (SubmitButtonID );ValidatorOnSu b mit();"

Looks like it should work, but now the client-side validation does not take place at all. I am out of ideas. Is there another way to get a script
function invoked only if the client-side validation passes?

Any help would be much appreciated.

[Avinash]

Not sure if you still need help.
Try this link out;
http://weblogs.asp.net/vga
particularly Intercepting form submissions and
Avoiding duplicated form submissions

I hope this helps,
Avinash

[Jim Brandley]

I'm not really disabling the button. It just changes "FormSubmit ted" to
true, and changes the decoration on the button.

"Peter Blum" <PL****@Blum.in fo> wrote in message
news:eJ******** ******@TK2MSFTN GP11.phx.gbl...

Hi Jim,

If you are disabling the submit button in your BlockDoubleSubm it() function, it is occuring before the form submits. The disabled button will not submit the page. You have to delay disabling this button until after the form
submission occurs.

Please see this thread for a detailed discussion on this issue.
http://www.asp.net/Forums/ShowPost.a...&PostID=500836

--- Peter Blum
www.PeterBlum.com
Email: PL****@PeterBlu m.com
Creator of "Profession al Validation And More" at
http://www.peterblum.com/vam/home.aspx

"Jim Brandley" <Ji**********@I ntercim.com> wrote in message
news:OT******** ******@TK2MSFTN GP11.phx.gbl...

I have a required field with a client-side validator. It works as

advertised

until I try to add code to block double submits and replace the image on
the submit button to give the users some feedback. I have localized the
problem to the definition of the form.onSubmit handler.

Without my blocker, it looks like:
onsubmit="Valid atorOnSubmit(); "

Since my javascript to block the double submit and change the image should only run if client-side validation passes, I have to insert the
ValidatorOnSubm it call before my script is invoked, then dot net adds it
again at the end. So, it looks like:

onsubmit="if (FormSubmitted == true){return

false;};Validat orOnSubmit();Bl ockDoubleSubmit (SubmitButtonID );ValidatorOnSu b

mit();"

Looks like it should work, but now the client-side validation does not

take

place at all. I am out of ideas. Is there another way to get a script
function invoked only if the client-side validation passes?

Any help would be much appreciated.

[Jim Brandley]

Thanks - I've seen that one, but is doesn't solve my problem.

"Avinash" <av********@ure ach.com> wrote in message
news:7d******** *************** ***@posting.goo gle.com...

Not sure if you still need help.
Try this link out;
http://weblogs.asp.net/vga
particularly Intercepting form submissions and
Avoiding duplicated form submissions

I hope this helps,
Avinash

[Jim Brandley]

I just found it. The problem was allowing ValidatorOnSubm it to run twice.
After reading through WebUIValidation .js, I changed it to the following:

if (FormSubmitted == true)

{return false;};

ValidatorOnSubm it();

if (event.returnVa lue)

{BlockDoubleSub mit(SubmitButto nID);return true;}

else {return false;};

Now it works great.

"Peter Blum" <PL****@Blum.in fo> wrote in message
news:eJ******** ******@TK2MSFTN GP11.phx.gbl...

Hi Jim,

If you are disabling the submit button in your BlockDoubleSubm it() function, it is occuring before the form submits. The disabled button will not submit the page. You have to delay disabling this button until after the form
submission occurs.

Please see this thread for a detailed discussion on this issue.
http://www.asp.net/Forums/ShowPost.a...&PostID=500836

--- Peter Blum
www.PeterBlum.com
Email: PL****@PeterBlu m.com
Creator of "Profession al Validation And More" at
http://www.peterblum.com/vam/home.aspx

"Jim Brandley" <Ji**********@I ntercim.com> wrote in message
news:OT******** ******@TK2MSFTN GP11.phx.gbl...

I have a required field with a client-side validator. It works as

advertised

until I try to add code to block double submits and replace the image on
the submit button to give the users some feedback. I have localized the
problem to the definition of the form.onSubmit handler.

Without my blocker, it looks like:
onsubmit="Valid atorOnSubmit(); "

Since my javascript to block the double submit and change the image should only run if client-side validation passes, I have to insert the
ValidatorOnSubm it call before my script is invoked, then dot net adds it
again at the end. So, it looks like:

onsubmit="if (FormSubmitted == true){return

false;};Validat orOnSubmit();Bl ockDoubleSubmit (SubmitButtonID );ValidatorOnSu b

mit();"

Looks like it should work, but now the client-side validation does not

take

place at all. I am out of ideas. Is there another way to get a script
function invoked only if the client-side validation passes?

Any help would be much appreciated.