---
title: "How to use Ajax.BeginForm in Asp.Net MVC?"  
description: "How to use Ajax.BeginForm in Asp.Net MVC?"  
author: "Anonymous User"  
published: 2014-10-07  
updated: 2014-10-07  
canonical: https://www.mindstick.com/forum/2328/how-to-use-ajax-beginform-in-asp-dot-net-mvc  
category: "asp.net mvc"  
tags: ["asp.net", "asp.net mvc"]  
reading_time: 1 minute  

---

# How to use Ajax.BeginForm in Asp.Net MVC?

Is there a tutorial or [code](https://yourviews.mindstick.com/view/85458/alan-turing-the-mastermind-behind-cracking-the-enigma-code-during-world-war-ii) example of using [Ajax.BeginForm](https://www.mindstick.com/forum/157892/how-can-the-ajax-actionlink-and-ajax-beginform-use-to-create-ajax-enabled-links-and-forms-in-mvc) within [Asp.net MVC](https://www.mindstick.com/forum/155798/what-is-caching-in-asp-dot-net-mvc) 3 where [unobtrusive](https://www.mindstick.com/interview/23012/what-is-unobtrusive-javascript) validation and Ajax exist?\
This is an elusive [topic](https://answers.mindstick.com/blog/313/how-to-generate-content-on-a-topic-using-ml-dot-net) for MVC 3, and I cannot seem to get my [form](https://www.mindstick.com/forum/6/multi-form-mfc-application) to work properly. It will do an Ajax submit but ignores the [validation errors](https://www.mindstick.com/forum/160109/how-to-handle-exceptions-caused-by-data-validation-errors-in-api-input-parameters).

## Replies

### Reply by Anonymous User

Example:**Model**\

```
public class MyViewModel        {            [Required]            public string Foo { get; set; }        }
```

**Controller**\

```
public class HomeController : Controller        {            public ActionResult Index()            {                return View(new MyViewModel());            }             [HttpPost]            public ActionResult Index(MyViewModel model)            {                return Content("Thanks", "text/html");            }        }
```

**View**\

```
@model AppName.Models.MyViewModel <script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script><script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script><script src="@Url.Content("~/Scripts/index.js")" type="text/javascript"></script> <div id="result"></div> @using (Html.BeginForm()){    @Html.EditorFor(x => x.Foo)    @Html.ValidationMessageFor(x => x.Foo)    <input type="submit" value="OK" />}
```

**Javascript**\

```
<script>    $(function () {        $('form').submit(function () {            if ($(this).valid()) {                $.ajax({                    url: this.action,                    type: this.method,                    data: $(this).serialize(),                    success: function (result) {                        $('#result').html(result);                    }                });            }            return false;        });    });</script>
```


---

Original Source: https://www.mindstick.com/forum/2328/how-to-use-ajax-beginform-in-asp-dot-net-mvc

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.