Python语言技术文档

微信小程序技术文档

php语言技术文档

jsp语言技术文档

asp语言技术文档

C#/.NET语言技术文档

html5/css技术文档

javascript

点击排行

您现在的位置:首页 > 技术文档 > MVC/.NET框架

ASP.NET_MVC运行出现Uncaught_TypeError__Cannot_set_property___MVC_FormValidation_of_null的解决方法

来源:中文源码网    浏览:237 次    日期:2024-05-05 07:01:23
【下载文档:  ASP.NET_MVC运行出现Uncaught_TypeError__Cannot_set_property___MVC_FormValidation_of_null的解决方法.txt 】


ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法
Chrome提示:
确定相关JS已经包含在页面中,(用的是MasterPage,二个页面包含的js文件完全相同),排除了js引用路径不正确的问题。
页面上生成的mvcClientValidationMetadata也没问题,但客户端验证就是不起作用。
将MicrosoftAjax.js替换成MicrosoftAjax.debug.js。在Chrome调试工具中看到此异常在Sys.UI.DomElement.getElementById函数中抛出
在394行加个断点,刷新页面,一步步跟踪,
162行,根据ID获取某个DOM对象,在这里看到optionsFormID为null。(Chrome的js调试功能很强),再看到CallStack的上一步。
这里是在页面加载完成后处理客户端验证的mvcClientValidationMetadata 数据。
跟到这里大概能就猜出问题在哪里了。
查看页面源码,在节点后的脚本中看到生成的验证代码如下:
表单的ID为null!
然后我再打开难进行客户端验证的页面:
看到差别了,就是因为FormID为null。
并且他们生成的表单也有所不同:
不能进行客户端验证的Form
能进行客户端验证的Form
有id的Form能进行客户端验证!
可是二个视图中都是用using (Html.BeginForm()){}生成表单的,没有特意去设置Form ID属性,为何一个有id另一个没id?
杯具!
打开二个视图页面,一个一个排查,最后发现二个视图的差别在这一点:
前都是在BeginForm()之前调用Html.EnableClientValidation();,后BeginForm之后才调用 Html.EnableClientValidation();
记住了,想要用mvc client side validation,请在BeginForm()之前调用Html.EnableClientValidation();

相关内容