Simple JQuery Form Submission with ASP.NET MVC 3

Question

I have a very basic email submission form in my ASP.NET MVC 3 app. I'm trying to integrate the jQuery form plug-in with it.

<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.form.js")"></script> 

<script type="text/javascript">
// prepare the form when the DOM is ready 
$(document).ready(function () {
    var options = {
        beforeSubmit:  showRequest,
        success: showResponse
    };

    // bind form using 'ajaxForm' 
    $('#mailform').ajaxForm(options);
});
function showRequest(formData, jqForm, options) {
    alert('request');
}
// post-submit callback
function showResponse(responseText, statusText, xhr, $form) {
    alert('response');
}
</script> 
...
<form action="@Url.Action("SubmitEmail")" class="mail-form" id="mailform" method="post">
    <fieldset>
        <span class="txt">
            <input type="text" name="email" id="email" value="Enter Your Email Address" />
        </span>
        <input class="button" id="submitemail" type="submit" />
    </fieldset>
</form>

I've tested my non-AJAX version and it works just fine. When I try to use the jQuery plug-in, however, the showRequest function gets called, but the showResponse function doesn't-- and it doesn't seem like the method is ever called on the server either.

Andy Gaskell · Accepted Answer · 2011-03-07 06:41:38Z

1

A couple things to check - you have a script tag for jQuery form but I don't see one for jQuery itself (you'd want to have jQuery listed before the plugin).

Also - install Fiddler or Firebug and make sure that requests are being sent out. And just to throw this out there, for a call this simple the form plugin is overkill. $.post would work just fine.

answered Mar 7, 2011 at 6:41

Andy Gaskell

31.8k6 gold badges79 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Wesley Tansey Over a year ago

Thanks Andy. I went ahead and just used the $.post approach.

Collectives™ on Stack Overflow

Simple JQuery Form Submission with ASP.NET MVC 3

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related