Loading/splash screen / RegisterOnSubmitStatement

[Brian Christensen]

Hi,
Due to long periods during postbacks I'm experimenting on having a load
screen. Best practice for this I have been unable to find so I hope
someone here can point me in the right direction. I use the ASP 2.0
framework.

I want it to be a generel thing and hence I've played around with
ClientScript.RegisterOnSubmitStatement(...)
that injects js into the asp.framwork function

function WebForm_OnSubmit() {
if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() ==
false) return false;
return true}

An example of using this:
function WebForm_OnSubmit() {
page.loadingMessage.show();
if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() ==
false) return false;
return true;
}

This will cause clientside validation to be fired AFTER I show my
loading screen and hence the system "locks" if a clientside validator
is triggered

The next - to me - logical step would be to inject the following code
via RegisterOnSubmitStatement
if (typeof(ValidatorOnSubmit) == ""function"" && ValidatorOnSubmit() !=
false) { page.loadingMessage.show(); }

which produces

function WebForm_OnSubmit() {
if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() !=
false) { page.loadingMessage.show(); };if (typeof(ValidatorOnSubmit) ==
"function" && ValidatorOnSubmit() == false) return false;
return true;
}

Homefree? Not yet as this will cause the clientside validator to fail
and just go straight to postback instead.

Any pointers are greatly appreciated.

Brian

 

[Brian Christensen]

<bump> anyone?

 

[sebandres]

ASP.Net AJAX Add loading or popup on client side validation

I know this is a very old post but still, in case anyone needs it, here is how you can do it!

Javascript on the .aspx:

    function ShowErrors() {
        $find('<%= ModalPopupExtender1.ClientID %>').show(); //<-- Show PopUp
    }

 function CheckForClientSideErrors() {
        var bReturn = ValidatorOnSubmit(); //<-- validate the page clientside
        if (!bReturn) { //<-- Here you check if validation went ok or not and then show the popup
            ShowErrors();
        }
        return bReturn;
    }

On the Page_Load add this:

 Page.ClientScript.RegisterOnSubmitStatement(typeof(string), "Errors_ModalPopUp", "return CheckForClientSideErrors();");

And you are done!

Now you can add a ModalPopUpExtender to popup when a client side validation occurs without needing to do a PostBack!

Cheers!

Sebastian Andres