UnobtrusiveJavaScriptEnabled、ClientValidationEnabled(转载)

2021/6/29 20:21:17

本文主要是介绍UnobtrusiveJavaScriptEnabled、ClientValidationEnabled(转载),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

UnobtrusiveJavaScriptEnabled:不显眼的JavaScript

ClientValidationEnabled:启动客户端验证

 

转载来源二:http://www.voidcn.com/article/p-tiuqwvhe-buh.html

我很好奇UnobtrusiveJavaScriptEnabled对.NET框架意味着什么.

 

我正在开发一个项目,作为在后端使用.NET的前端开发人员.在与开发人员(也管理服务器)合作时,他提到我们的项目必须将UnobtrusiveJavaScript设置为false.也就是说,项目的web.config应该具有以下内容:

<appSettings>
  ...
  <add key="UnobtrusiveJavaScriptEnabled" value="false" />
</appSettings>

我的第一反应是这是不好的做法,但是当我进一步思考它时,我意识到我并不真正理解为什么.NET甚至会在项目层面开始这样的设置,或者它是否对于我们的特定项目.

  从 here开始:

 

 

The purpose of that setting is explained by Brad Wilson in his post 07001. Putting it short – with this setting turned off client side validation is being performed using Microsoft javascript libraries (the same way it was performed in ASP.NET MVC 1 and 2). Otherwise (with setting turned on) client side validation is performed using JQuery Validate.

翻译:布拉德·威尔逊(Brad Wilson)在其博文07001中解释了这种设置的目的。简而言之,关闭此设置后,客户端验证将使用Microsoft javascript库执行(与在ASP.NET MVC 1和2中执行的方式相同)。否则(在设置打开的情况下)使用JQuery Validate执行客户端验证。

 

换句话说,您的应用程序可能具有依赖于执行验证的Microsoft JavaScript库的代码.

转载来源一:https://www.it1352.com/49361.html

我正在使用 MVC3 razor 做一个示例,并写道:

<p>
    显示时间:
    @Ajax.ActionLink("UTC", "GetTime", new { zone = "utc" }, new AjaxOptions { UpdateTargetId = "myResults" })
    @Ajax.ActionLink("BST", "GetTime", new { zone = "bst" }, new AjaxOptions { UpdateTargetId = "myResults" })
    @Ajax.ActionLink("MDT", "GetTime", new { zone = "mdt" }, new AjaxOptions { UpdateTargetId = "myResults" })
</p>
<div id="myResults" style="border: 2px 红色虚线; padding: .5em;">
    结果将显示在此处
</div>
<p>
    此页面是在 @DateTime.UtcNow.ToString("h:MM:ss tt") (UTC) 生成的
</p>

我所有的 ajax 调用都不起作用,直到我在 web.config 中更改了这个键:

<add key="UnobtrusiveJavaScriptEnabled" value="true"/>

我在这篇文章中读到的内容:http : //weblogs.asp.net/owscott/archive/2010/11/17/mvc-3-ajax-redirecting-instead-of-updating-div.aspx
但现在我所有的客户端 cide 验证不像以前那样工作。

我的问题是:如何使 ajax 代码同时工作和客户端验证?这个关于“UnobtrusiveJavaScriptEnabled”的属性是什么?是他们之间的切换吗?!我希望能用简单的语言更深入地了解它。

解决方案

在 ASP.NET MVC 3 中有两件事:客户端验证和不显眼的 javascript,它们由它们在 web.config 中的相应值控制:

<add key="ClientValidationEnabled" value="true" /> 
<add key="UnobtrusiveJavaScriptEnabled" value="true" /> 

客户端验证基于 jquery.validate.js 插件以及来自 Microsoft 的 jquery.validate.unobtrusive.js 脚本。当您将这两个脚本包含在包含 HTML 表单的视图中时,客户端验证将根据您在模型上定义的数据注释规则执行。当您查看视图生成的 HTML 源代码时,您会注意到输入字段具有包含验证规则的 HTML5 data-* 属性。然后,Microsoft 非侵入式验证脚本将读取这些规则并配置 jquery 验证插件。

不显眼的javascript是不同的。它基于jquery。当您在 ASP.NET MVC 3 中使用 Ajax.* HTML 助手之一(例如 Ajax.ActionLink)时,这些助手还会在相应的锚点上发出 HTML5 data-* 属性。这些属性然后由 Microsoft jquery.unobtrusive-ajax.js 脚本解释,您需要将其包含在您的页面中并对这些链接进行 AJAX 化。例如,当你写:

@Ajax.ActionLink("UTC", "GetTime", new { zone = "utc" }, new AjaxOptions { UpdateTargetId = "myResults" })

这将生成以下 HTML:

<a data-ajax="true" data-ajax-mode="replace" data-ajax-update="#myResults" href="/Home/GetTime?zone=utc">UTC</a>

正如您现在看到的,有关如何执行 AJAX 请求的所有信息都包含在 DOM 中。因此,您可以有一个单独的 javascript 文件,您可以在其中订阅此链接的点击事件,向包含在 href 属性中的 url 发送 AJAX 请求,然后根据 data-ajax-mode 属性的值替换 html一些带有 id 的容器包含在 data-ajax-update 属性选择器中。而这正是 jquery.unobtrusive-ajax.js 所做的。只是它在一个单独的文件中,并且您的标记和 javascript 是独立的,这在以前的版本中并非如此。

因此,与 ASP.NET MVC 1 和 2 不同,在 ASP.NET MVC 3 中,jQuery 是默认的 javascript 框架,而 HTML 助手基于它。不再使用所有 MicrosoftAjax* 脚本。

 



这篇关于UnobtrusiveJavaScriptEnabled、ClientValidationEnabled(转载)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程