欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法

程序员文章站 2022-07-04 17:18:16
chrome提示: 确定相关js已经包含在页面中,(用的是masterpage,二个页面包含的js文件完全相同),排除了js引用路径不正确的问题。 页面上生成...

chrome提示:

ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法

确定相关js已经包含在页面中,(用的是masterpage,二个页面包含的js文件完全相同),排除了js引用路径不正确的问题。

页面上生成的mvcclientvalidationmetadata也没问题,但客户端验证就是不起作用。

将microsoftajax.js替换成microsoftajax.debug.js。在chrome调试工具中看到此异常在sys.ui.domelement.getelementbyid函数中抛出

ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法

在394行加个断点,刷新页面,一步步跟踪,

ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法

162行,根据id获取某个dom对象,在这里看到optionsformid为null。(chrome的js调试功能很强),再看到callstack的上一步。


ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法

这里是在页面加载完成后处理客户端验证的mvcclientvalidationmetadata 数据。

跟到这里大概能就猜出问题在哪里了。 

查看页面源码,在</form>节点后的脚本中看到生成的验证代码如下:

ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法

表单的id为null!

然后我再打开难进行客户端验证的页面:

ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法    

看到差别了,就是因为formid为null。 

并且他们生成的表单也有所不同:

ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法

不能进行客户端验证的form

ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法

能进行客户端验证的form

 

有id的form能进行客户端验证!

可是二个视图中都是用using (html.beginform()){}生成表单的,没有特意去设置form id属性,为何一个有id另一个没id?

杯具!

打开二个视图页面,一个一个排查,最后发现二个视图的差别在这一点:

ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法

前都是在beginform()之前调用html.enableclientvalidation();,后beginform之后才调用 html.enableclientvalidation(); 

记住了,想要用mvc client side validation,请在beginform()之前调用html.enableclientvalidation();