MVC自动完成验证

时间:2013-07-05 13:51:23

标签: asp.net-mvc jquery

在我的MVC应用程序中,我有一个使用JQuery / AJAX自动完成的View,这是一个摘录;

<input type="search" name="searchPrimaryTrade" id="searchPrimaryTrade" 
       data-scd-autocomplete="@Url.Action("AutocompletePrimaryTrade", "DataService")" 
       style = "width: 300px;" data-val="true" class="primaryTrade required" data-val-required="Must enter a Primary Trade"     />
<input type="button" id="ResetPrimaryTrade" value="Reset" class="resetSearch" data-scd-target-searchId="searchPrimaryTrade" style="margin-top:-6px; height:30px;"/><br/>
@Html.HiddenFor(model => model.PrimaryTradeId)
@Html.ValidationMessageFor(model => model.PrimaryTradeId, "*")

当用户选择一个项目进行自动完成时,我使用JQuery来填充隐藏字段; @Html.HiddenFor(model => model.PrimaryTradeId)

我的老板告诉我,如果用户在此字段中输入了值,但未从自动填充中选择,则当他点击该字段时,应立即显示错误消息。

我该如何实现?

1 个答案:

答案 0 :(得分:1)

您可以创建如下自定义验证属性:

public class PrimaryTradeAttribute : ValidationAttribute
{
    public override bool IsValid(object value)
    {
        if (value != null && value is int)
        {
            var unitOfWork = new UnitOfWork();
            int primaryTradeId = (int)value;

            // Code to check if the PrimaryTradeId exists in the database...
            if (unitOfWork.PrimaryTradeRepository().Find(primaryTradeId) == null)
            {
                return false;
            }
        }

        return true;
    }
}

然后,您可以在模型中使用此属性,如下所示:

[PrimaryTrade]
public int PrimaryTradeId { get; set; }