asp.net mvc 3 silverlight 类似验证

Question

主要问题

正如标题所说，我在问是否有人知道如何创建类似于 Silverlight 的数据表单的验证结构。欢迎任何提示、材料、想法。我想做这样的验证：

（您可以查看here）

详情

我一直在尝试类似上面的示例，但直到现在都没有结果。主要是因为我不知道验证消息助手是如何工作的。我通过获取 data-val-number 属性并将其设置为链接标题（使用名为 qTip 的第三方 jquery 插件来显示工具提示错误消息）来管理单个验证消息。但是，如果有多个验证，我不能做同样的事情。

那么，是否可以重写验证消息助手？我想更多地了解它如何显示验证消息，以便我可以将它们放在任何 html 内容上。这将完成工具提示部分，我可以设置任意数量的消息，使用我想要的任何格式。

我希望能够通过任何 jquery 事件（鼠标悬停、单击、dblclick、就绪等）显示验证消息。据我了解它的实际实现，仅当用户将焦点从实际输入更改为另一个 html 元素时才会发生验证。

Answer 1

我强烈建议您查看Professional ASP.NET MVC 中的验证规则部分。它展示了如何使用 ASP.NET MVC v1 完全按照您的描述进行操作，并且它一直工作到 v3。

显示的用户界面略有不同；但是，您可以检查输出并编写自己的 CSS 以使其看起来像您的屏幕截图。

举个简单的例子：

操作结果

try 
{
    // code
}
catch
{
    foreach (var issue in std.GetRuleViolations())
    {
        ModelState.AddModelError(issue.PropertyName, issue.ErrorMessage);
    }
}

型号

public IEnumerable<RuleViolation> GetRuleViolations()
{
    if (!String.IsNullOrEmpty(this.Phone) && !Utility.IsValidPhoneNumber(this.Phone))
    {
        yield return new RuleViolation("Phone is invalid. Try this format: ###-###-####.", "HomePhone");
    }  

    yield break;         
}

编辑视图

<% 
    using (Html.BeginForm()) 
    {
%>
<fieldset>
    <legend>Edit</legend>
    <%= Html.ValidationSummary("Create was unsuccessful. Please correct the errors and try again.") %>
    <%= Html.TextBox("Phone", Model.Phone)%>
    <%= Html.ValidationMessage("Phone", "*")%>
    <!-- more fields go here -->
</fieldset>
<% } %>

违反规则的类——从链接中解除

public class RuleViolation
{
    public string ErrorMessage { get; private set; }
    public string PropertyName { get; private set; }

    public RuleViolation(string errorMessage)
    {
        ErrorMessage = errorMessage;
    }

    public RuleViolation(string errorMessage, string propertyName)
    {
        ErrorMessage = errorMessage;
        PropertyName = propertyName;
    }
}