Question

一旦我开始使用MVC，我就无法实现如何在工具提示中显示正确的错误验证。

对于一个例子：

$(document).tooltip({
     items: ".input-validation-error",
     content: function() {
           return $(this).attr('data-val-required');
     }
});

它只显示“data-val-required”消息。如何动态创建它以显示已发生的正确错误？ JS中有任何libray /框架来实现它吗？

Answer 1

我们如何设置验证是将属性放在具有验证的字段（在模型中）

[Required]
public string Field { get; set; }

然后在视图上使用验证助手。在顶部

@Html.ValidationSummary()

通常在每个字段下面

@Html.ValidationMessageFor(x => x.Field, "*")

我们希望在字段旁边使用星号，并在顶部的摘要中显示消息。如果您愿意，可以用消息替换它。触发服务器端进行回发和后期操作检查

ModelState.IsValid()

如果没有，则将其发回并显示消息。从您的代码中看起来您似乎想要使用Jquery触发的内容，您可以使用

if($('form').valid()){
    //something here,  ajax call maybe when all forms are valid
}

这将在客户端触发验证。它将突出显示红色字段，并在顶部显示所有无效字段的摘要。希望这会有所帮助。

在工具提示中显示jQuery UI验证

1 个答案: