Getting error when validationg ASP.NET MVC 3.0 AjaxForm with jQuery

Question

Trying to use this solution to validate AjaxForm ASP.Net MVC Ajax form with jQuery validation but i am getting error: Uncaught exception: TypeError: Cannot convert '$('MyFrom').validate()' to object

My from:

@using (Ajax.BeginForm("MyFromAction", "Something", null, new AjaxOptions() { OnBegin = "onBeginMyFrom", OnFailure = "onFailureMyFrom", OnSuccess = "onSuccessMyFrom" }, new { @id = "MyFrom" }))
{
}

My form was working correctly and posting to the server, but after i use jQuery validation i am getting error above.

Any ideas?

UPDATE: I didn't mention that i am using MVCContrib FluentHtml.

MVCContrib required this http://weblogs.asp.net/srkirkland/archive/2011/03/08/adding-unobtrusive-validation-to-mvccontrib-fluent-html.aspx to get Unobtrusive validation work.

Is MvcContrib will support Unobtrusive validation in the next release by default?

Darin Dimitrov · Accepted Answer · 2011-05-30 06:43:10Z

1

The answer you are looking at was related to a previous version of ASP.NET MVC. In ASP.NET MVC 3 client validation is performed using the jquery validate plugin and it is done in an unobtrusive matter. You don't need any code for this. So the first thing is to make sure that you have included the proper scripts:

<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/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>

then that unobtrusive javascript and validation are enabled in web.config:

<add key="ClientValidationEnabled" value="true"/>
<add key="UnobtrusiveJavaScriptEnabled" value="true"/>

Now you can have your AJAX form behave properly:

@using (Ajax.BeginForm("MyFromAction", "Competition", null, new AjaxOptions() { OnBegin = "onBeginMyFrom", OnFailure = "onFailureMyFrom", OnSuccess = "onSuccessMyFrom" }, new { @id = "MyFrom" }))
{
    ...
}

The form will check for validation errors at the client side and it will not be submitted until they are fixed.

answered May 30, 2011 at 6:43

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Vasya Pupkin Over a year ago

ok, i see, but i have all the scripts included and also i have ClientValidationEnabled and UnobtrusiveJavaScriptEnabled enabled.

Vasya Pupkin Over a year ago

i forgot that MVCContrib does not generate Unobtrusive Validation Attributes, thats whyit is does not work for me. weblogs.asp.net/srkirkland/archive/2011/03/08/…

Collectives™ on Stack Overflow

Getting error when validationg ASP.NET MVC 3.0 AjaxForm with jQuery

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related