客户端上的 DataAnnotaion 失败（冻结）？答案

【问题标题】：DataAnnotaion fails(freeze) on client?客户端上的 DataAnnotaion 失败（冻结）？
【发布时间】：2013-09-20 16:56:19
【问题描述】：

我有 ASP.NET MVC 网页，我使用 DataAnnotation 在客户端验证表单。其中一个视图类具有如下所示的属性：

[StringLength(100, MinimumLength = 3, ErrorMessage = "Länken måste vara mellan 3 och 100 tecken lång")]
[Display(Name = "Länk")]
[RegularExpression(@"^(http(s)?://([\w-]+.)+[\w-]+(/[\w- ./?%&=])?)?$", ErrorMessage="Länkgen är inte giltlig")]
        public string Url { get; set; }

在视图中，我将此代码用于属性：

@Html.LabelFor(c => c.Url, true)
@Html.TextBoxFor(c => c.Url, new { @class = "tb1", @Style = "width:400px;" })
@Html.ValidationMessageFor(model => model.Url)

在这样的 URL 中粘贴时：

http://95rockfm.com/best-voicemail-giving-play-by-play-of-car-accident/

网页将锁定，我无法在网页上执行任何操作。但是，如果我将其粘贴到：

http://95rockfm.com/best-voicemail-giving-play-by-play-of-car-accident

效果很好。

这些 javascript 文件包含在网页底部：

<script type="text/javascript" src="/Scripts/jquery.qtip.min.js"></script>
<script src="/Scripts/jquery-1.7.1.min.js"></script>
<script src="/Scripts/jquery-ui-1.8.20.min.js"></script>
<script src="/Scripts/jquery.validate.min.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.min.js"></script>

在 IE 和 Chrome 中都会出现完全相同的问题。然而，IE 会回来说脚本花了很长时间和一个按钮来停止脚本。但是当切换输入控件时，脚本会再次运行并查看网页。

我没有使用任何自定义的东西，为什么我会得到这个？

【问题讨论】：

这种现象称为Catastrophic Backtracking。我无法修复您的正则表达式（我对它们不好）以避免此错误，但在 SO 上有很多类似的问题：stackoverflow.com/questions/14723667/…stackoverflow.com/questions/17116675/…stackoverflow.com/questions/2407870/… 另一篇文章：davetayls.me/blog/2012/10/11/its-a-regexp-catastrophe

标签： asp.net asp.net-mvc regex data-annotations

【解决方案1】：

. 在正则表达式中匹配任何字符（事实上，这个句点与 URL 中域后面的斜杠匹配）。您需要对其进行转义或将其放入字符类中以匹配句点。像这样：

@"^(http(s)?://([\w-]+\.)+[\w-]+(/[\w- ./?%&=])?)?$"

左右：

@"^(http(s)?://([\w-]+[.])+[\w-]+(/[\w- ./?%&=])?)?$"

如果您不这样做，并且该模式找不到匹配项，则您有一个嵌套重复，可能的组合数量呈指数级增长。正如 nemesv 在评论中链接你的那样，这会导致 catastrophic backtracking。但是，如果您要匹配组内的文字句点，则整个组的每次重复都必须以句点结尾，因此没有指数数量的组合。

要了解“组合的指数数量”是什么意思，我将链接到我以前的两个答案（实际上是今天的一个）：

还有一件事，为什么你的模式会失败（灾难性的回溯主要是匹配失败的问题）：你只需要在第一个斜杠之后有一个字符。您可能希望允许任意长的路径和查询字符串，因此将+ 添加到该字符类：

@"^(http(s)?://([\w-]+[.])+[\w-]+(/[\w- ./?%&=]+)?)?$"

但是，一般来说，为什么要重新发明轮子而不是 googling for established URL regex patterns。

【讨论】：

【解决方案2】：

MVC 已经使用UrlAttribute 进行了 URL 验证：

[Url]
public string Url { get; set; }

如果您使用的是 MVC 4，它还将创建一个 HTML 5 <input type="url"> 元素。

客户端验证将使用jQuery Validation's URL rule，它仍然是一个正则表达式，但更好（例如，它支持更多的Unicode字符）。

【讨论】：