JQuery Validate not Working in IE9

[Shane]

I'm getting this error when I try to add or edit an entity in a grid.  When the validation is supposed to be fired, I see this error instead. It seems to be working fine in Chrome, but not at all in IE9.

http://192.168.1.122:8080/Scripts/2011.2.712/jquery.validate.min.js
Message: 'settings' is null or not an object

Has anyone come across this issue?
Thanks!

[Atanas Korchev]

Hi Shane,

 This is not a known issue. Does our online demo it work for you? Is there a chance to provide more info about your project?  Some sample code or even a runnable project would help us pinpoint the problem.

Best wishes,
Atanas Korchev
the Telerik team

[Kev]

I have the same problem. Unfortunately I don't have a sample to provide that would highlight the issue, but I see this happening only with IE8 (Firefox 4 and 5 are fine).

I am using an MVC grid with edit, delete, and add new record buttons. The error occurs if I try to perform any of the three actions.

The entire error is as follows:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; InfoPath.2; MS-RTC LM 8; .NET4.0C; .NET4.0E)
Timestamp: Tue, 26 Jul 2011 16:11:30 UTC

Message: 'settings' is null or not an object
Line: 52
Char: 6
Code: 0
URI: application_path/2011.2.712/jquery.validate.min.js

Message: 'settings' is null or not an object
Line: 109
Char: 235
Code: 0
URI: application_path/Scripts/2011.2.712/jquery.validate.min.js 

[Kev]

I had replaced the standard script registrar render statement by

    <% Html.Telerik().ScriptRegistrar()
        .DefaultGroup(group => group
        .Add("telerik.common.min.js")
        .Add("telerik.grid.min.js")
        .Add("telerik.grid.grouping.min.js")
        .Add("telerik.grid.filtering.min.js")
        .Add("jquery.validate.min.js")  
        .Add("telerik.draganddrop.min.js")
        .Add("telerik.grid.editing.min.js")
        .Add("telerik.window.min.js ")         
       )
       .jQuery(false)
       .Render(); %>

and the issue didn't resurface. Not sure if jquery.js from the Telerik package was interfering with the jquery.js from other components, and/or the fact that the other telerik.*.js needed to be loaded manually...

[Shane]

I tried Kev's solution and am still getting the error.  It's frustrating because everything is working great in chrome, but I still get the "Unable to get value of the property 'settings': object is null or undefined" error when using Internet Explorer.

[Atanas Korchev]

Hi Shane,

Unfortunately we have not reproduced this error yet. We need some additional details about your scenario:
- are you using ajax or server editing
- WebForm or Razor

Regards,
Atanas Korchev
the Telerik team

[mike chang]

what i did is removing beginform form my edittemplate view

[Domagoj]

I have the same problem, using mvc, razor engine, latest commercial mvc extenstions
made my own editobject template scaffold the edit one, google chrome no problems but just clicking into (popup window) edit field triggers exception
tia

[Georgi Tunev]

Hi Domagoj,

Could you provide a sample project so we can check it locally? Once we are able to reproduce the error on our side, we will do our best to provide a solution.


All the best,
Georgi Tunev
the Telerik team

[Domagoj]

Hi I just solved my problem
ensure that

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
are in the layout or edit template


bye, Dom

[Bradley Fulton]

I had this error, and setting jQuery(false) in the ScriptRegistrar seems to fix it:

@(Html.Telerik().ScriptRegistrar().DefaultGroup(group => group.Combined(true).Compress(true)).jQuery(false))

I'm loading the jQuery stuff myself, and I guess there was a conflict between that and the Telerik stuff?

[Nohinn]

Yes Bradley in your case as you had 2 "instances" of jquery, whatever change (function, etc.) you applied to your first instance disappeared when you load for the second time (with scriptregistrar) the jquery framework.

[Praveen]

Hi ,
form is not submitting in ie9 and firefox when adding these following script file in the partail view which is using an editor templates.
<script src="../../../Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>.
I have a partial view like this.
 @using (Html.BeginForm("SaveData", "Home"))
            {@Html.ValidationSummary(true)
here editor templetes goes here......................
<input type="submit" class="Btn" value="Save" onclick="javascript:return ValidateForm(this)"/>
}
Jquery...
function ValidateForm(form1){
isValid=true;
here am checking control value is empty or not...it is workin fine...
if(isValid==false)
{validation....//This also working fine...am able to get the all validation
}
else return true.      //if validation is false control comes to this step..but not redirected to controller action method.   }
Controller action method.
public ActionResult SaveData(entity sss){}

if i exclude the unobtrusive.min.js everything is working fine in firefox,but am getting script errors is iE9.script error is
"Microsoft JScript runtime error: Unable to get value of the property 'settings': object is null or undefined"

i tried whatever suggested in this post...but no result...please help me.