Maybe this post can help you. I followed this and got it working :

http://www.systenics.com/blog/creating-an-ajax-enabled-contact-form-in-umbraco-6-with-aspnet-mvc-4-and-twitter-bootstrap/?tag=Umbraco+6

Dave

Hi Dave,

This is for Umbraco v6. The tutorial I found online was also for this older version of Umbraco but I am using the most recent version which it did not seem to work with.

Cheers,

Jason

Hi Jason,

Using surface controllers in v6 and v7 should work the same. 

Can you post some code ?

Dave

I have posted the code above. It is the same as what you sent over in the link except it always fails to direct to

umbraco/surface/Availability/GetAvailability

and instead routes to

umbraco/RenderMvc/AvailabilitySurface?Length=15

I also have no idea where the Length=15 is coming from as I do not specify that anywhere

We have this in our view :

@{
    HtmlHelper.ClientValidationEnabled = true;
    HtmlHelper.UnobtrusiveJavaScriptEnabled = true;
    var ajaxOptions = new AjaxOptions { HttpMethod = "POST", InsertionMode = InsertionMode.Replace, UpdateTargetId = "commentForm" };
}

<section >
    <div >
        <header>
            <h1>@Model.InnerModel.CommentFormTitle</h1>
        </header>
        @using (Ajax.BeginForm("SubmitMessage", "CommentsSurface", ajaxOptions, new { @id = "commentForm" }))
        {
            <div >
                <div >
                    <p>
                        @Html.TextBoxFor(m => m.CommentModel.Name, null, new { @placeholder = Model.InnerModel.CommentFormNamePlaceholder })
                        @Html.ValidationMessageFor(m => m.CommentModel.Name)
                    </p>
                    <p>
                        @Html.TextBoxFor(m => m.CommentModel.Email, null, new { @placeholder = Model.InnerModel.CommentFormEmailPlaceholder })
                        @Html.ValidationMessageFor(m => m.CommentModel.Email)
                    </p>
                    <p>
                        @Html.TextAreaFor(m => m.CommentModel.Message, new { @placeholder = Model.InnerModel.CommentFormMessagePlaceholder, @cols = "40", @rows = "10" })
                        @Html.ValidationMessageFor(m => m.CommentModel.Message)
                    </p>
                </div>
                <div >
                    <p>
                        <input type="submit" value="@Model.InnerModel.CommentFormButtonLabel">
                    </p>
                </div>
            </div>
            <input id="commentSubmitBtn" type="hidden" value="@Model.InnerModel.Id" name="modelId"/>
            <input id="lcid" type="hidden" value="@System.Threading.Thread.CurrentThread.CurrentCulture.LCID" name="lcId"/>
        }
    </div>
</section>

Maybe this can help.

Dave

This still does not work for me and fails to direct to the Surface Controller correctly.

Can you post all your code ? Controller..view ... etc..

Dave

Jason Espin, did you ever manage to solve this? Curiously, five years later, I am exactly in the same spot, but with Umbraco 8. As far as also getting the "Length" attribute after the route.

is working on a reply...