Ajax page method call during form validation - ASP.NET Discussion Boards

Re: IErrorInfo.GetDescription failed with E_FAIL(0x80004005)

Jay Royall19-Oct-12 3:12

19-Oct-12 3:12

I read somewhere else that this error could be caused by using reserved words in your query. Try adding square brackets around your table and field names:

e.g. SELECT DISTINCT [Position] FROM [applicant] ORDER BY [position]

web stats recommendations

Jassim Rahma19-Oct-12 2:52

Jassim Rahma

19-Oct-12 2:52

Hi,

I wanna have your opinion on these web stats, which one you'll recommend for advanced web stats:

1. Smarter Stats
2. AWstats
3. webalizer

Re: web stats recommendations

code-frog19-Oct-12 18:11

code-frog

19-Oct-12 18:11

Smart stats is new to me.

Webalizer I think is just terrible. I can provide more details.

AWStats is what I reach for again and again and again on a Windows or Linux web server.

There have been joys too great to be described in words, and there have been griefs upon which I have not dared to dwell, and with these in mind I say, climb if you will, but remember that courage and strength are naught without prudence, and that a momentary negligence may destroy the happiness of a lifetime. Do nothing in haste, look well to each step, and from the beginning think what may be the end. - Edward Whymper

Climb On!

how can i add two page route in mvc?

mhd.sbt19-Oct-12 2:32

mhd.sbt

19-Oct-12 2:32

hi all
i want use page mappageroutr in simple mvc project but i cant;

my code is:

public static void RegisterRoutes(RouteCollection routes)
        {
            routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

            routes.MapRoute(
                "Default", // Route name
                "{controller}/{action}/{id}", // URL with parameters
                new { controller = "Home", action = "Index", id = UrlParameter.Optional } // Parameter defaults
        );

            routes.MapRoute(
                "viewstudent", // Route name
                "view/viewstudent", // URL with parameters
                new { controller = "Movie", action = "Select", id = UrlParameter.Optional } // Parameter defaults
                )
                ;
       
        }

if i comment route "viewstudent" or comment route 'Default' my route is correct and work but two routmap with together dosent work!

thanks for any help

Re: how can i add two page route in mvc?

Deflinek19-Oct-12 2:50

Deflinek

19-Oct-12 2:50

Hello.

Order of routes matters in MVC so in example above the default route will always hit for viewsudent. Swap them and it should work.

Take also a loot at this blog post[^] for debugging MVC routes.

--
"My software never has bugs. It just develops random features."

Re: how can i add two page route in mvc?

mhd.sbt19-Oct-12 6:25

mhd.sbt

19-Oct-12 6:25

thanks a alot
i swap two rout and it worked;
also thanks for this usefule link this blog post[^]

Re: how can i add two page route in mvc?

Mayank_Gupta_24-Oct-12 22:51

Mayank_Gupta_

24-Oct-12 22:51

The "Default" route map should always be placed at the end. Try swapping the two MapRoute and it will work.

Ajax page method call during form validation

Jay Royall18-Oct-12 22:43

Jay Royall

18-Oct-12 22:43

Hi,

I have a registration form which consists of, amongst others, an email field. When the user enters their email address, the onChange event is fired and a server side page method is called which checks the email address and returns a boolean value. This works fine when invoked from the onChange event of the textbox.

The problem occurs when the submit button is clicked; the submit button invokes the Javascript validation function and posts back if the form is valid, however, because the email validation involves an AJAX server side call, the function isn't waiting for the response and so causes the form to be submitted regardless of the email validation result. I hope I have explained this adequately but if not I have included a cut down version of my page:

ASP.NET

<script type="text/javascript">

    var pageIsValid;
    var emailAddressMessage;

    function ValidateForm() {

        pageIsValid = true;

            PageMethods.EmailAddressIsValid(document.getElementById('<%= txtNewMemberEmailAddress.ClientID %>').value, ValidateEmailAddressSuccess, ValidateEmailAddressFailed);

        // other validation calls have been left out

        if (pageIsValid == false) {
                    alert('Some information is either missing or invalid.  Hover your mouse over the red crosses for more information');
            }

            return pageIsValid;
    }


        function ValidateEmailAddressSuccess(result) {
            if (result == false) {
                document.getElementById('<%= imgNewMemberEmailAddress.ClientID %>').src = "/Images/cross.png";

                emailAddressMessage = 'The email address you have entered is already in use';

                pageIsValid = false;
            }
            else {
                document.getElementById('<%= imgNewMemberEmailAddress.ClientID %>').src = "/Images/tick.png";

                emailAddressMessage = 'This field is valid';
            }
        }
        function ValidateEmailAddressFailed(result) {
            document.getElementById('<%= imgNewMemberEmailAddress.ClientID %>').src = "/Images/cross.png";

            alert(result.get_message());
        }

</script>

<asp:Button runat="server" ID="btnRegister" Text="Register" CssClass="button" OnClientClick='Javascript:return ValidateForm();' />

If anyone could suggest a better way of doing this it would be appreciated.

Thanks

Jay

Re: Ajax page method call during form validation

Richard Deeming19-Oct-12 1:44

Richard Deeming

19-Oct-12 1:44

You could try taking the "A" out of "AJAX".

Add the script below, and then change your PageMethods.EmailAddressIsValid call to SyncPageMethods.EmailAddressIsValid.

Type.registerNamespace("System.Net");

System.Net.XMLHttpSyncExecutor = function()
{
   if (arguments.length !== 0) { throw Error.parameterCount(); }
   System.Net.XMLHttpSyncExecutor.initializeBase(this);
};

System.Net.XMLHttpSyncExecutor.prototype =
{
   executeRequest: function()
   {
      if (arguments.length !== 0) { throw Error.parameterCount(); }

      var webRequest = this.get_webRequest();
      if (this._started) { throw Error.invalidOperation(String.format(Sys.Res.cannotCallOnceStarted, "executeRequest")); }
      if (null === webRequest) { throw Error.invalidOperation(Sys.Res.nullWebRequest); }

      var body = webRequest.get_body();
      var headers = webRequest.get_headers();

      this._xmlHttpRequest = new XMLHttpRequest();
      this._xmlHttpRequest.onreadystatechange = this._onReadyStateChange;

      var verb = this._webRequest.get_httpVerb();
      this._xmlHttpRequest.open(verb, this._webRequest.getResolvedUrl(), false);

      if (headers)
      {
         for (var header in headers)
         {
            var val = headers[header];
            if (typeof(val) !== "function")
            {
               this._xmlHttpRequest.setRequestHeader(header, val);
            }
         }
      }

      if ("post" === verb.toLowerCase())
      {
         if (null === headers || !headers["Content-Type"])
         {
            this._xmlHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=utf-8");
         }

         if (!body)
         {
            body = "";
         }
      }

      this._xmlHttpRequest.send(body);

      if (null !== this._xmlHttpRequest)
      {
         // Firefox doesn't raise "onreadystatechange" events for sync requests:
         this._responseAvailable = true;
         webRequest.completed(Sys.EventArgs.Empty);
         this._xmlHttpRequest.onreadystatechange = Function.emptyMethod;
         this._xmlHttpRequest = null;
      }
   }
};

System.Net.XMLHttpSyncExecutor.registerClass("System.Net.XMLHttpSyncExecutor", Sys.Net.XMLHttpExecutor);

System.Net.WebServiceSyncProxy = function()
{
   if (arguments.length !== 0) { throw Error.parameterCount(); }
   System.Net.WebServiceSyncProxy.initializeBase(this);
};

System.Net.WebServiceSyncProxy.prototype =
{
   _invokeSync: function(servicePath, methodName, useGet, params)
   {
      /// <param name="servicePath" type="String"></param>
      /// <param name="methodName" type="String"></param>
      /// <param name="useGet" type="Boolean" optional="true"></param>
      /// <param name="params" mayBeNull="true" optional="true"></param>
      var e = Function._validateParams(arguments, [
         {name: "servicePath", type: String},
         {name: "methodName", type: String},
         {name: "useGet", type: Boolean, optional: true},
         {name: "params", mayBeNull: true, optional: true}
      ]);
      if (e) { throw e; }

      return System.Net.WebServiceSyncProxy.invokeSync(servicePath, methodName, useGet, params);
   }
};

System.Net.WebServiceSyncProxy.invokeSync = function(servicePath, methodName, useGet, params)
{
   /// <param name="servicePath" type="String"></param>
   /// <param name="methodName" type="String"></param>
   /// <param name="useGet" type="Boolean" optional="true"></param>
   /// <param name="params" mayBeNull="true" optional="true"></param>
   var e = Function._validateParams(arguments, [
      {name: "servicePath", type: String},
      {name: "methodName", type: String},
      {name: "useGet", type: Boolean, optional: true},
      {name: "params", mayBeNull: true, optional: true}
   ]);
   if (e) { throw e; }

   var request = new Sys.Net.WebRequest();
   request.set_executor(new System.Net.XMLHttpSyncExecutor());

   request.get_headers()["Content-Type"] = "application/json; charset=utf-8";
   if (!params) { params = {}; }

   var urlParams = params;
   if (!useGet || !urlParams) { urlParams = {}; }

   request.set_url(Sys.Net.WebRequest._createUrl(servicePath + "/" + encodeURIComponent(methodName), urlParams));

   var body = null;
   if (!useGet)
   {
      body = Sys.Serialization.JavaScriptSerializer.serialize(params);
      if (body === "{}") { body = ""; }
   }

   request.set_body(body);

   var result = null;
   request.add_completed(onComplete);
   request.invoke();

   function onComplete(response, eventArgs)
   {
      if (response.get_responseAvailable())
      {
         var statusCode = response.get_statusCode();

         try
         {
            var contentType = response.getResponseHeader("Content-Type");
            if (contentType.startsWith("application/json"))
            {
               result = response.get_object();
            }
            else if (contentType.startsWith("text/xml"))
            {
               result = response.get_xml();
            }
            else
            {
               result = response.get_responseData();
            }
         }
         catch (ex)
         {
         }

         var error = response.getResponseHeader("jsonerror");
         var errorObj = (error === "true");
         if (errorObj)
         {
            if (result)
            {
               result = new Sys.Net.WebServiceError(false, result.Message, result.StackTrace, result.ExceptionType);
            }
         }
         else if (contentType.startsWith("application/json"))
         {
            if (!result || typeof(result.d) === "undefined")
            {
               throw Sys.Net.WebServiceProxy._createFailedError(methodName,
                  String.format(Sys.Res.webServiceInvalidJsonWrapper, methodName));
            }
            result = result.d;
         }
         if (statusCode < 200 || statusCode >= 300 || errorObj)
         {
            var err;
            if (result && errorObj)
            {
               err = result.get_exceptionType() + "-- " + result.get_message();
            }
            else
            {
               err = response.get_responseData();
            }

            throw Sys.Net.WebServiceProxy._createFailedError(methodName, String.format(Sys.Res.webServiceFailed, methodName, err));
         }
      }
      else
      {
         var msg;
         if (response.get_timedOut())
         {
            msg = String.format(Sys.Res.webServiceTimedOut, methodName);
         }
         else
         {
            msg = String.format(Sys.Res.webServiceFailedNoMsg, methodName);
         }

         throw Sys.Net.WebServiceProxy._createFailedError(methodName, msg);
      }
   }

   return result;
};

System.Net.WebServiceSyncProxy.generateSyncProxy = function(proxy, proxyName, syncProxyName)
{
   /// <param name="proxy"></param>
   /// <param name="proxyName" type="String"></param>
   /// <param name="syncProxyName" type="String" optional="true"></param>
   var e = Function._validateParams(arguments, [
      {name: "proxy"},
      {name: "proxyName", type: String},
      {name: "syncProxyName", type: String, optional: true}
   ]);
   if (e) { throw e; }

   if (proxy && proxy.prototype)
   {
      if (!syncProxyName || 0 === syncProxyName.length)
      {
         syncProxyName = proxyName + "Sync";
      }

      var item;
      var foundMethods = [];
      for (var key in proxy.prototype)
      {
         if ("string" === typeof(key) && "_" !== key.charAt(0) && "constructor" !== key && !key.startsWith("get_") && !key.startsWith("set_"))
         {
            item = proxy.prototype[key];
            if ("function" === typeof(item) && 3 <= item.length)
            {
               item = item.toString();
               item = item.replace(/function[^\(]*\(/g, "function(");
               item = item.replace(/\(succeededCallback,\s*failedCallback,\s*userContext\)/g, "()");
               item = item.replace(/,\s*succeededCallback,\s*failedCallback,\s*userContext\)/g, ")");
               item = item.replace("this._invoke(this._get_path(),", "System.Net.WebServiceSyncProxy.invokeSync(" + proxyName + ".get_path(),");
               foundMethods.push(syncProxyName + "." + key + "=" + item);
            }
         }
      }

      if (0 !== foundMethods.length)
      {
         eval(syncProxyName + "=function(){if(arguments.length!==0){throw Error.parameterCount();}throw Error.notImplemented();};");
         for (var i = 0; i < foundMethods.length; i++)
         {
            eval(foundMethods[i]);
         }
      }
   }
};

System.Net.WebServiceSyncProxy.registerClass("System.Net.WebServiceSyncProxy", Sys.Net.WebServiceProxy);

Sys.Application.add_init(function()
{
   if (window.PageMethods)
   {
      System.Net.WebServiceSyncProxy.generateSyncProxy(window.PageMethods, "PageMethods", "SyncPageMethods");
   }
});

function ValidateForm() {

   pageIsValid = true;

   if (!SyncPageMethods.EmailAddressIsValid(document.getElementById('<%= txtNewMemberEmailAddress.ClientID %>').value))
   {
      document.getElementById('<%= imgNewMemberEmailAddress.ClientID %>').src = "/Images/cross.png";
      emailAddressMessage = 'The email address you have entered is already in use';
      pageIsValid = false;
   }
   else
   {
      document.getElementById('<%= imgNewMemberEmailAddress.ClientID %>').src = "/Images/tick.png";
      emailAddressMessage = 'This field is valid';
   }

   ...

   return pageIsValid;
}

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Re: Ajax page method call during form validation

Jay Royall19-Oct-12 2:03

Jay Royall

19-Oct-12 2:03

WOW! You've either put a lot of thought into this answer or you've tackled this problem before! Either way thanks for the response, I will try this later today and let you know how it goes.

Thanks again

Jay

Re: Ajax page method call during form validation

BobJanova19-Oct-12 2:36

BobJanova

19-Oct-12 2:36

That looks like it will only work with .Net on the client side (i.e. on Windows), and probably only in IE.

Edit: also, synchronous HTTP requests lock the browser process (i.e. at least the page you're looking at) until it returns, which can potentially be the TCP timeout time. They're a pretty bad idea.

Re: Ajax page method call during form validation

Richard Deeming19-Oct-12 8:03

Richard Deeming

19-Oct-12 8:03

BobJanova wrote:
That looks like it will only work with .Net on the client side (i.e. on Windows), and probably only in IE.

Nope. It works in Firefox, Chrome and Opera here. It's using the built-in XmlHttp object, which was added to all browsers several years ago.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Re: Ajax page method call during form validation

BobJanova19-Oct-12 2:39

BobJanova

19-Oct-12 2:39

You need to add an extra step to your submission process, if you want AJAX validation before submitting. At the moment your workflow looks like

Press button -> client validation -> post to server

... as a synchronous process. You need to do

Press button -> client validation -> send AJAX validation request (...) receive AJAX response -> post to server

The (...) is an asynchronous wait with an event handler set. As for all AJAX queries you need to handle long delays and dropped connections gracefully.

Do you actually need this? I would think that people would expect a 'Submit' button to submit a postback, and for it to return them to the form after a postback with server-side validation errors would be acceptable. You will always have to do the server side validation anyway, so this is purely a user convenience feature.

Re: Ajax page method call during form validation

Jay Royall19-Oct-12 3:04

Jay Royall

19-Oct-12 3:04

You're right actually, I probably don't need this feature. I have implemented server side validation which will ensure that invalid data doesn't get saved, so I suppose the post back is only a minor inconvenience to the user. There will still be the inline validation so the likelihood is that the user will correct their errors before submitting anyway (or maybe not!).

Thanks a lot Smile | :)

Jay

Re: Ajax page method call during form validation

jkirkerx19-Oct-12 10:08

jkirkerx

19-Oct-12 10:08

wow that got complicated

submit button > client script- if valid postback

So I would just add the onClientClick="return validate_Form();"

And write a simple function first in javascript/jquery

test if the fields are empty
test the field data
regex the email address,

if validation completes, then return true to fire the postback

Then you can get fancy, and add an ajax call to check for duplicate email address,

I would use onblurr for that, so it only fires once, and if a duplicate exist, focus the email field again.

how we can add source code in our running projects which given by code project website

ashvin sharma18-Oct-12 22:40

ashvin sharma

18-Oct-12 22:40

dear sir...
i am starting coding with asp.net. i need your help. i want to ask that is how can i add given source code by you.
please help me and give suggestions for me how can i good command on coding of asp.net.
thanks sir

Re: how we can add source code in our running projects which given by code project website

Richard MacCutchan18-Oct-12 23:28

Richard MacCutchan

18-Oct-12 23:28

Which source code are you referring to and what are you trying to add it to? Please try and explain more clearly what problem you are trying to solve.

One of these days I'm going to think of a really clever signature.

Re: how we can add source code in our running projects which given by code project website

ashvin sharma19-Oct-12 1:52

ashvin sharma

19-Oct-12 1:52

firstly i want to say thanks for your reply....!!
sir i am starting coding with asp.net. i want to create a website for minimum functionality.so i need some technical help. i have lot of confusion....so please guide me.

Re: how we can add source code in our running projects which given by code project website

Richard MacCutchan19-Oct-12 2:20

Richard MacCutchan

19-Oct-12 2:20

I would suggest you start here[^] and work through some of the tutorials.

One of these days I'm going to think of a really clever signature.

help plx

Muddassir Husain Awan18-Oct-12 20:35

Muddassir Husain Awan

18-Oct-12 20:35

i am doing my final year project n m stucked...can anybody complete my project on payment..its 70% completed already...for the rest of 30% i will pay..

Re: help plx

Richard MacCutchan18-Oct-12 23:26

Richard MacCutchan

18-Oct-12 23:26

Short answer: No. This site does not provide the service you require.

One of these days I'm going to think of a really clever signature.

Re: help plx

Pete O'Hanlon18-Oct-12 23:43

Pete O'Hanlon

18-Oct-12 23:43

Oh tish I say Richard. You have missed out on a bit of business skill there - why, for £2000 a day, I would be more than willing to finish the project (the money to be paid before the code is released of course).

*pre-emptive celebratory nipple tassle jiggle* - Sean Ewington

"Mind bleach! Send me mind bleach!" - Nagy Vilmos

CodeStash - Online Snippet Management | My blog | MoXAML PowerToys | Mole 2010 - debugging made easier

Re: help plx

Richard MacCutchan19-Oct-12 0:09

Richard MacCutchan

19-Oct-12 0:09