I am trying to do ajax form in MVC here is my step: I create Model class MyModel:
public class MyModel
{
[Required]
public string Name { get; set; }
public int iexNum { get; set; }
public InMyModel inMyModel { get; set; }
public string selectedCombo { get; set; }
public List<string> collection { get; set; }
}
public class InMyModel
{
public string Name { get; set; }
public int Num { get; set; }
}
I added in my layout this two scripts:
<script src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
and this is my form:
@{
Html.EnableClientValidation();
}
@using (Ajax.BeginForm("MyFunction", "Home",
new AjaxOptions
{
HttpMethod = "POST",
OnBegin = "function(){ loadingPanel.Show(); }",
OnComplete = "function(){ loadingPanel.Hide(); }",
UpdateTargetId = "mycontent",
InsertionMode = InsertionMode.Replace
},
new
{
id = "validationForm",
@class = "edit_form",
style = "height: 200px; width: 600px;"
}))
{
<div id="mycontent">
@Html.Partial("_ajaxForm", Model)
</div>
}
when I am running the application and press the form I get javascript uncaught error as in this screenshot:

As you can see there is an uncaught error in jquery.unobstusive.ajax.min.js Someone help please!?