MVC4 jQuery不显眼的Min值验证

时间:2014-04-22 23:51:05

标签: jquery asp.net-mvc validation asp.net-mvc-4 unobtrusive-validation

我有一个自定义MinAttribute我想用来验证用户输入是否大于给定值。

我已经能够在服务器端实现它,但是无法使用不显眼的验证使其在客户端工作。

我的模特:

[Required(ErrorMessage = "{0} is Required.")]
[Display(Name = "Total")]
[Min(25, ErrorMessage = "You need to enter at least 25")]
[DataType(DataType.Currency)]
public Decimal Total{ get; set; }

MinAttribute.cs:

[AttributeUsage(AttributeTargets.Field | AttributeTargets.Property)]
public class MinAttribute : ValidationAttribute, IClientValidatable
{
    private decimal MinValue { get; set; }

    public MinAttribute(int minValue)
    {
        MinValue = minValue;
    }
    public override bool IsValid(object value)
    {
        if (value != null)
        {
            if (value is decimal)
            {
                if ((decimal)value >= MinValue)
                {
                    return true;
                }
                else
                {
                    return false;
                }
            }
            else
            {
                return false;
            }
        }
        return true;
    }

    public override string FormatErrorMessage(string name)
    {
        if (this.ErrorMessage.IsNullOrEmpty())
            return string.Format("{0} must be greater than or equal to {1}", name, MinValue);
        else
            return this.ErrorMessage;
    }

    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
    {
        if (IsValid(value))
        {
            return ValidationResult.Success;
        }
        else
        {
            var errorMsg = FormatErrorMessage(validationContext.DisplayName);
            return new ValidationResult(errorMsg);
        }
    }

    public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context)
    {
        yield return new ModelClientValidationRule
        {
            ErrorMessage = this.ErrorMessage,
            ValidationType = "min"
        };
    }

}

我被困在哪里,我不确定jQuery究竟应该是什么样子。我试过了:

$.validator.addMethod("min", function (value, element) {
        return value > 25;
    });

$.validator.unobtrusive.adapters.add("min", function (options) {
        options.messages["min"] = options.message;
    });

但未能使其正常工作..

有什么我明显做错了吗?

视图中输出的html包含所有必需的data-属性:

<input class="input text valid" data-val="true" data-val-min="You need to enter at least 25" data-val-number="The field Total must be a number." data-val-required="Total is Required." id="Total" maxlength="7" name="Total" style="width:125px;" type="tel" value="0">

所以jQuery实现一定有问题。 我已经包含了对js文件的适当引用,因为不引人注意的验证正在其他领域进行..

感谢。

我也愿意接受更好的实施方法。我没有使用范围,因为我想为min和max设置不同的错误消息而不是通用的“必须在X和Y之间” 我也尝试使用validator.unobtrusive.adapters.addMinMax(),但找不到任何有关如何使用它的详细文档,但无法使其正常工作。

1 个答案:

答案 0 :(得分:0)

如果你看一下jquery.validate.unobtrusive(.min).js,你会看到:

adapters.addMinMax("length", "minlength", "maxlength", "rangelength").addMinMax("range", "min", "max", "range");

换句话说,已经有一个名为“min”的适配器。您是否尝试使用其他名称?