客户端验证mvc下拉列表

时间:2013-11-11 11:15:17

标签: c# asp.net-mvc validation model-view-controller

@using (Html.BeginForm("ForatExcel", "ForatSummary", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
@Html.DropDownList("ForatFrom", new SelectList(Model, "ID", "ID", new { onchange = "getAllData()" }))
@Html.DropDownList("ForatTo", new SelectList(Model, "ID", "ID", new { onchange = "getAllData()" }))
<br />
<input type="submit" id="btnForatVersion" value="Go"/> 
}

我需要验证“ForatFrom”下拉值是否大于“ForatTo”值。我想我不能使用模型验证,因为这只会检查下拉值是否为特定数字。我想也许是jquery验证,但不确定最佳选择是什么?

由于

1 个答案:

答案 0 :(得分:1)

您可以而且应该使用模型验证。我会实现一个验证属性[LargerThan],如下所示:

public class LargerThanAttribute: ValidationAttribute, IClientValidatable
{
     private string _listPropertyName { get; set; }

     public LargerThanAttribute(string listPropertyName)
     {
         this._listPropertyName = listPropertyName;
     }

     protected override ValidationResult IsValid(object value, ValidationContext validationContext)
     {
        if(value == null)
            return new ValidationResult("Not a valid value");

        var listProperty = validationContext.ObjectInstance.GetType().GetProperty(_listPropertyName);
        double propValue = Convert.ToDouble(listProperty.GetValue(validationContext.ObjectInstance, null));

        if(propValue <= Convert.ToDouble(value))
            return ValidationResult.Success;

        return new ValidationResult("End value is smaller than start value");
    }
}

请注意,此代码未经过测试,但如果您沿着此行编写内容并将其放在单独的类中,则可以在需要执行此类检查时重复使用它。 您现在可以将其放在模型中的属性

public double ForatFrom { get; set; }

[LargerThan("ForatFrom")]
public double ForatTo { get; set; }

现在您已经进行了服务器模型验证,如果您愿意,现在可以实现jQuery不显眼的验证。在我看来,如果你需要验证,你应该至少在服务器上进行验证,如果你需要在客户端上进行验证,那么在那里实现它,但不仅仅依赖于客户端验证。

这是一篇很好的文章,你可以阅读,它将告诉你我刚刚做了什么,并解释了如何实现客户验证:http://thepursuitofalife.com/asp-net-mvc-3-unobtrusive-javascript-validation-with-custom-validators/