This question is locked. New answers and comments are not allowed.
As someone else said in this subforum, unobtrusive jquery appears to be broken. I made an application with a simple Ajax.HtmlForm:
Problem is, that the progress indicator that i'm using works perfectly, but overrides unobtrusive validation. And if i remove unobtrusive ajax validation, client validation works but the value for LoadingElementId in Ajax.BeginForm is COMPLETELY IGNORED.
And here is jscript files (in that order actually):
Things i've tried:
Will this be fixed anytime soon?. This is very frustrating.
Greetings.
@model RetrievePasswordModel
@{
using
(Ajax.BeginForm(
new
AjaxOptions { UpdateTargetId =
"BodyContent"
, InsertionMode = System.Web.Mvc.Ajax.InsertionMode.Replace, LoadingElementId =
"ProgressIndicator"
}))
{
<ul
class
=
"DataInput"
>
<li>
<span>Enter the username</span>
</li>
<li>
@Html.LabelFor(m => m.EmployeeCode)
@Html.TextBoxFor(m => m.EmployeeCode,
new
{ @
class
=
"InputTypeText100"
})
@Html.ValidationMessageFor(m => m.EmployeeCode)
</li>
<li>
<input type=
"submit"
value=
"Retrieve"
class
=
"Send"
/>
</li>
</ul>
}
}
Problem is, that the progress indicator that i'm using works perfectly, but overrides unobtrusive validation. And if i remove unobtrusive ajax validation, client validation works but the value for LoadingElementId in Ajax.BeginForm is COMPLETELY IGNORED.
And here is jscript files (in that order actually):
@(Html.Telerik().ScriptRegistrar().DefaultGroup(group => group
.Add(
"telerik.common.min.js"
)
.Add(
"telerik.grid.min.js"
)
.Add(
"telerik.calendar.min.js"
)
.Add(
"telerik.datepicker.min.js"
)
.Add(
"telerik.grid.filtering.js"
)
.Add(
"jquery.easing.1.3.js"
)
.Add(
"Silverlight.js"
)
.Add(
"jquery.simple.tooltip.js"
)
.Add(
"jquery-1.4.4.min.js"
)
.Add(
"jquery.unobtrusive-ajax.min.js"
)
.Add(
"jquery.validate.min.js"
)
.Add(
"jquery.validate.unobtrusive.min.js"
)
.Add(
"jquery-ui.min.js"
)
.Add(
"jquery.jclock.js"
)
.Add(
"sic.funciones.js"
)
.Combined(
true
)
.Compress(
true
)
.CacheDurationInDays(0))
.Globalization(
true
))
Things i've tried:
- different versions of jQuery (1.4.1, 1.4.4, 1.5.1)
- different versions of jquery.validate (1.7 -> author's declaring broked?, 1.8)
- ASP.NET MVC 3 using Razor project, works 100%
- Telerik MVC 3 using Razor, doesn't work (you got client validation but no progress indicator using LoadingElementId, or you can the image but client validation is ignored).
Will this be fixed anytime soon?. This is very frustrating.
Greetings.