Question

I have an ASP.Net MVC Ajax.BeginForm that submits and updates my page properly when I click the submit button.

The problem is I need additional events to do the same thing, like when they change the text of an input. The additonal events do properly submit the form but they circumvent the onsubmit javascript generated on the form tag by the Ajax.BeginForm.

Here is the form tag generated by Ajax.BeingForm:

<form action='/Store/UpdateCart' method='post' onsubmit='Sys.Mvc.AsyncForm.handleSubmit(this, new Sys.UI.DomEvent(event), { insertionMode: Sys.Mvc.InsertionMode.replace, updateTargetId: 'updatedContent' });'>  

And here is the jQuery to bind my other events that need to submit the form via Ajax:

 $('#ShippingType, #ViewCart .ddl').bind('change', function() { $('#ViewCartPage form').submit() }); 

Any ideas on how to get these additional events to trigger onsubmit like I need it too?

Answer 1

Decided to just use a regular form and then the jQuery.Form plugin and this worked in 2 seconds! Wish i would have just went this route orginally.

var options = {    target: '#updatedContent',   // target element(s) to be updated with server response     beforeSubmit: showRequest,  // pre-submit callback     success: showResponse  // post-submit callback          };  $('#ViewCartPage form').ajaxForm(options); 

Man I love jQuery