Ajax.BeginForm() not working MVC - uncaught javascript error - unexpected token (
ajax, asp.net-mvc, javascript, jquery
Solution
I found the problem this line is not good!
OnBegin = "function(){ loadingPanel.Show(); }",
OnComplete = "function(){ loadingPanel.Hide(); }",
I changed it to:
OnBegin = "onBegin",
OnComplete = "onEnd",
and implement these function in my javascript file and it is work!
Problem
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!?