Thanks for your response, Rosen.
I'm attaching a screenshot of the exact "error" that we are getting now. Kendo version is "kendoui_2013.2.918".
I'll try to describe the exact situation we have and hopefully you can advise us about what other information we can provide to help you.
We set up the validator on the form with the following code:
$(form).kendoValidator({
messages: {
required: function(input) {
return input.attr("requiredValidationMessage");
},
pattern: function(input) {
return input.attr("patternValidationMessage");
}
},
rules: {
required: function(input) {
if(input.attr("required") === null || typeof input.attr("required") === "undefined"){
return true;
}
else if(input.attr("type") === "checkbox"){
if(input.attr("checked") !== null && typeof input.attr("checked") !== "undefined"){
return true;
}
else{
kpi.trigger(kpi.event.validator.mandatoryfieldmissing, input);
return false;
}
}
else if(input.val() !== null && input.val() !== ""){
return true;
}
else{
kpi.trigger(kpi.event.validator.mandatoryfieldmissing, input);
return false;
}
},
pattern: function(input) {
var pattern = input.attr("pattern");
if (typeof pattern === "string") {
pattern = new RegExp('^(?:' + pattern + ')$');
}
if(input.val()!== null && input.val() !== "" && pattern !== null && typeof pattern !== "undefined" && pattern !== ""){
if(pattern.test(input.val())){
return true;
} else {
kpi.trigger(kpi.event.validator.patternnotmatch, input);
return false;
}
}
else{
return true;
}
}
}
});
The form itself is just a simple html form with a Kendo tabstrip and various inputs. The data is fetched via ajax and filled in using a Kendo template. Entries are in this form:
<input #if (required) {# required="" requiredvalidationmessage="Field is required" #}# type="text" pattern="\[+-\]?\\d+" patternvalidationmessage="Please specify a valid number" name="#= searchkey #" id="#= searchkey #" class="numeric autofocus" value="#= value #" placeholder="">
The submit button is simply:
$('#saveButton').click(function(e){
e.preventDefault();
// bad things happen inside this validate call!!
var valid = $("#dataentryForm").data("kendoValidator").validate();
if (valid) {
// $.post(...)
} else {
// error
}
}
We've already tried this in IE8 under compatibility mode, though we can't reproduce it there. It works fine in all other browsers we've tested.
If you see anything that stands out as wrong, or if you even have a vague idea about how to debug this in IE7, please let us know.
Thanks.