Hot to use Ajax.BeginForm with ASP.NET MVC 3 Razor?

Anonymous User 2197 29 Oct 2014

Is there a tutorial or code example of using Ajax.BeginForm within Asp.net MVC 3 where unobtrusive validation and Ajax exist?

1 Answers

Norman Reedus 29 Oct 2014

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.unobtrusive-ajax.js")" type="text/javascript"></script>
<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>
 
<div id="result"></div>
 
@using (Ajax.BeginForm(new AjaxOptions { UpdateTargetId = "result" }))
{
    @Html.EditorFor(x => x.Foo)
    @Html.ValidationMessageFor(x => x.Foo)
    <input type="submit" value="OK" />
}

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

Hot to use Ajax.BeginForm with ASP.NET MVC 3 Razor?

Can you answer this question?

1 Answers