"c is undefined" or "Cannot read property 'options' of undefined" JavaScript error occurs if unobtrusive validation is enabled and there are two forms and one of them is reloaded dynamically

Hi,

I've created a sample project that implements a similar configuration and I am not able to reproduce the issue there. See the attachment. Would you please modify my project to reproduce the issue, so I can research it?

In the meantime, review the Manual Integration into an Existing Project article. Make sure that you've completed all the steps mentioned there.

I will do it gladly - but i have to present my working sprint from my development platform… Since installation to 15.1.7 and back to 15.1.6 takes around 3 hours, i'll have to do it only early next week.

Hi Rene,

We will be waiting for your response.

Hi,
I modified your example as much like my own solution as i could and i cant reproduce the error either… Since i'm now in version 15.1.7 i can at least give the error message i get in firebug. So here it is:
TypeError: c is undefined
var i=MVCx.getValueOfEditor(e);return!t.validator.methods.required.call(this,i,e)&&"dependency-mismatch"
in a DXR.axd file.
I know this isnt much. I will look further and hope you can give me a cue.
Thank you

Hello Rene,

Based on the provided code, I suppose that the issue is related to the grid's validation logic. Would you please provide us with the following details?

1. The exception's call stack, so we can check what actions cause the issue.
2. What validation do you have? If it's client-side unobtrusive validation, specify your jQuery versions and send us code snippets illustrating how it's enabled.
   3.  A screencast illustrating what steps cause the issue (for example, you can use the Jing Tool to capture it).

Thanks,
Artem

Hi,

1. Since there is no server side error i'm not too sure about wich stack you are refering to… I'm using firebug so i'm sending you what i get in firebug as i will show you in jing.
2. I have unobtrusive validation and i'm using EF database first approach. I did not add validations through partial class, but did add display annotation and also a calculated field (btw i realized later that display data annotations dont bubble through gridview…)
      public class CoitemLancementsMetadata
      {
          [Display(Name = "Lanc.")]
          public short co_release { get; set; }
          [Display(Name = "Qté")]
          public decimal qty_ordered_conv { get; set; }
          [Display(Name = "Échéance le")]
          public DateTime? due_date { get; set; }
          [Display(Name = "Appr. Client")]
          public byte IsAttenteClient { get; set; }
          [Display(Name = "MOQ Valide")]
          public byte MOQIsValid { get; set; }
          [Display(Name = "Prix Valide")]
          public byte PrixIsValid { get; set; }
          [Display(Name = "Confir. SAC")]
          public byte IsPrixConfirmer { get; set; }
          [Display(Name = "Dév. complété")]
          public bool dev_complete { get; set; }
      }
      [MetadataType(typeof(CoitemLancementsMetadata))]
      public partial class Coitem_Lancements_Result
      {
          public bool dev_complete => Convert.ToBoolean(1 - in_developement);
      }
   I'm Using JQuery 2.1.4 and microsoft.unobtrusive.validation 3.2.3
   I'm using BundleConfig to include files. As you will see i'm using bootstrap. I removed it to see if it was the culprit, but it was not the case.
      public class BundleConfig
      {
          // For more information on bundling, visit http://go.microsoft.com/fwlink/?LinkId=301862
          public static void RegisterBundles(BundleCollection bundles)
          {
              bundles.Add(new ScriptBundle("~/bundles/main").Include(
                  "~/Scripts/jquery-{version}.js",
                  "~/Scripts/bootstrap.js",
                  "~/Scripts/site.js"
              ));
              bundles.Add(new ScriptBundle("~/bundles/datepicker").Include("~/Scripts/bootstrap-datepicker.js", "~/Scripts/locales/bootstrap-datepicker.fr.js"));
              bundles.Add(new ScriptBundle("~/bundles/chosen").Include("~/Scripts/chosen.jquery.js"));
              bundles.Add(new ScriptBundle("~/bundles/validate").Include(
                  "~/Scripts/jquery.validate*",
                  "~/Scripts/jquery.unobtrusive-ajax.js"
              ));
              bundles.Add(new ScriptBundle("~/bundles/modernizr").Include("~/Scripts/modernizr-*"));
              bundles.Add(new ScriptBundle("~/bundles/knockout").Include("~/Scripts/knockout-{version}.js"));
              bundles.Add(new StyleBundle("~/Content/main").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/bootstrap.yeti.css",
                  "~/Content/Site.css",
                  "~/Content/Soucy.css"));
              bundles.Add(new StyleBundle("~/Content/datepicker").Include("~/Content/bootstrap-datepicker3.css"));
              bundles.Add(new StyleBundle("~/Content/chosen").Include("~/Content/chosen.css"));
              BundleTable.EnableOptimizations = false;
          }
      }
   And in layout page
   …
   <!DOCTYPE html>
   <html>
   <head>
      <meta charset="UTF-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>@ViewBag.Title</title>
      @Html.DevExpress().GetStyleSheets(
          new StyleSheet { ExtensionSuite = ExtensionSuite.NavigationAndLayout },
          new StyleSheet { ExtensionSuite = ExtensionSuite.Editors },
          new StyleSheet { ExtensionSuite = ExtensionSuite.HtmlEditor },
          new StyleSheet { ExtensionSuite = ExtensionSuite.GridView },
          new StyleSheet { ExtensionSuite = ExtensionSuite.PivotGrid },
          new StyleSheet { ExtensionSuite = ExtensionSuite.Chart },
          new StyleSheet { ExtensionSuite = ExtensionSuite.Report },
          new StyleSheet { ExtensionSuite = ExtensionSuite.Scheduler },
          new StyleSheet { ExtensionSuite = ExtensionSuite.TreeList },
          new StyleSheet { ExtensionSuite = ExtensionSuite.RichEdit },
          new StyleSheet { ExtensionSuite = ExtensionSuite.Spreadsheet },
          new StyleSheet { ExtensionSuite = ExtensionSuite.SpellChecker }
      )
      @Styles.Render("~/Content/main")
      @RenderSection("Styles", required: false)
      @Scripts.Render("~/bundles/modernizr")
      @Scripts.Render("~/bundles/main")
      @Scripts.Render("~/bundles/validate")
      @Html.DevExpress().GetScripts(
          new Script { ExtensionSuite = ExtensionSuite.NavigationAndLayout },
          new Script { ExtensionSuite = ExtensionSuite.HtmlEditor },
          new Script { ExtensionSuite = ExtensionSuite.GridView },
          new Script { ExtensionSuite = ExtensionSuite.PivotGrid },
          new Script { ExtensionSuite = ExtensionSuite.Editors },
          new Script { ExtensionSuite = ExtensionSuite.Chart },
          new Script { ExtensionSuite = ExtensionSuite.Report },
          new Script { ExtensionSuite = ExtensionSuite.Scheduler },
          new Script { ExtensionSuite = ExtensionSuite.TreeList },
          new Script { ExtensionSuite = ExtensionSuite.RichEdit },
          new Script { ExtensionSuite = ExtensionSuite.Spreadsheet },
          new Script { ExtensionSuite = ExtensionSuite.SpellChecker }
      )
      <style>
          body {
              padding-top: 60px !important;
          }
      </style>
   </head>
   …
   3 I included jing swf file and also the stack and most of the solution… Hope this works…

Here is also the modified version of your project that was closest to mine ( but working fine) in case you want to start from there